使用Rails 5.1将数据库对象调用到React组件中进行反应
Rails 5.1是一个流行的Web应用框架，它使用Ruby语言开发。它提供了一种简单而强大的方式来构建数据库驱动的Web应用程序。React是一个用于构建用户界面的JavaScript库，它可以与Rails集成，以实现动态和交互式的前端体验。
在Rails 5.1中，可以使用Rails的模型（Model）来从数据库中检索数据，并将其传递给React组件进行渲染。下面是一个示例：
- 首先，确保Rails应用程序中已经安装了React相关的依赖。可以使用Webpacker或者其他类似的工具来管理前端资源。
- 创建一个Rails模型，用于表示数据库中的对象。例如，假设我们有一个名为"User"的模型，可以运行以下命令来生成它：
- 创建一个Rails模型，用于表示数据库中的对象。例如，假设我们有一个名为"User"的模型，可以运行以下命令来生成它：
- 这将生成一个包含"name"和"email"字段的User模型。
- 运行数据库迁移命令，以创建User表：
- 运行数据库迁移命令，以创建User表：
- 在Rails控制器中创建一个动作（Action），用于检索数据库中的User对象。例如，可以在UsersController中创建一个名为"index"的动作：
- 在Rails控制器中创建一个动作（Action），用于检索数据库中的User对象。例如，可以在UsersController中创建一个名为"index"的动作：
- 在React组件中，可以使用Rails的视图（View）来调用控制器中的动作，并获取数据库中的User对象。例如，可以在React组件的render方法中使用AJAX请求来获取User对象：
- 在React组件中，可以使用Rails的视图（View）来调用控制器中的动作，并获取数据库中的User对象。例如，可以在React组件的render方法中使用AJAX请求来获取User对象：
- 上述代码中，通过发送GET请求到"/users.json"来获取User对象的JSON数据，并将其存储在组件的状态中。然后，可以使用map函数来遍历用户列表，并将其渲染到页面上。
这是一个简单的示例，演示了如何使用Rails 5.1将数据库对象调用到React组件中进行反应。根据具体的业务需求，可以进一步扩展和优化这个过程。
腾讯云提供了一系列与Rails和React相关的产品和服务，例如云服务器、云数据库MySQL、对象存储、容器服务等。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。
相关·内容
如何将Rails 5.1数据库对象调用到React组件中？
例如，在一个标准的Rails视图中，我可以使用@object调用一个对象，前提是我已经在控制器中配置了对它的访问。
在Rails 5.1中，使用启用了Webpacker的React功能，如何将Rails数据库对象调用到React组件中？
我希望在React组件中映射数据库中的所有@objects。
使用react-rails gem，您可以使用类似以下内容来访问jsx文件中的这些对象：
<%= react_component('Component', props: @objects) %>
如果不使用ge
浏览 3提问于2017-08-15得票数 2
回答已采纳
我有一个rails 5.1应用程序，与反应安装webpack，和网站包装宝石。我有一个react组件在遵循Rails 5.1中的“敏捷Web开发”(5.1)中的示例(它只是在选择下拉列表中根据用户的选择显示不同数量的文本输入)之后工作。然而，我现在希望在站点中扩大React的使用范围，但现在我很难找到最基本的组件来展示，而且担心我缺少一些关于如何将所有这些组件组合在一起的基本内容。
app/javascript/hello.jsx
import React from 'react'
import ReactDOM from 'react-dom'
ReactD
浏览 2提问于2018-01-23得票数 2
回答已采纳
2回答
我正试图找到一种解决方案，通过express route中的呈现页将数据发送到React组件。基本上，我有一个<a />标记，我已经附加了一个包含参数的超链接，这些参数被发送到express应用程序。基于这些参数，我想询问一个数据库，并将这些数据与render页面一起发送，以实现页面的动态行为。我的<a/>标记包含在另一个页面中，并具有以下形式：
<a href={"/view-ticket/" + data.id}>
其中data.id是我的数据库中某项的id (例如2)
这是我的express路线：
router.get('/vi
浏览 1提问于2018-05-27得票数 1
回答已采纳
我正在尝试使用useEffect，setInterval和useState，以便以一定的时间间隔在字体图标之间循环。我是一个非常新的反应，我没有得到任何错误，我的组件和它下面的所有组件只是没有呈现。我使用的是最新版本的react-rails gem 以下是组件的代码： import React, {useEffect, useState} from "react"
import PropTypes from "prop-types"
function Changing(){
const mobileData = {
icon: "fas
浏览 16提问于2020-11-05得票数 0
1回答
我使用的是rails和react，没有flux。
# application.js
//= require_self
//= require react
//= require react_ujs
//= require components
//= require_tree .
window.myApp = {}
# custom.js
myApp.sayLol = function(parentComponent) {
alert("LOL");
parentComponent.setState({something: 'something'})
浏览 1提问于2016-01-13得票数 0
1回答
我对redux的反应很陌生，而且在理解redux with React方面仍然很难理解。
例如，下面是一些代码：
const mapStateToProps = (storeData) => ({
editing: storeData.isEditMode;
})
const mapDispatchToProps = {
saveCallback: xxx
}
const connectFunction = connect(mapStateToProps, mapDispatchToProps);
export const
浏览 2提问于2019-11-20得票数 0
回答已采纳
1回答
这是我的代码：
var data = "hello";
var RootComponent = React.createClass({
render: function() {
return (
<p className="root">
{this.props.data}
</p>
);
}
});
React.renderComponent(
<RootComponent data="
浏览 1提问于2014-09-08得票数 1
回答已采纳
2回答
我在一个带有react-rails和browserify-rails的rails 4.2.1应用程序中使用react 0.13.1。我不是在做一个单页面应用程序，而是在呈现的页面上添加react组件，并使用rails路由系统。
当我加载一个页面时，我想初始化一些东西，但是我不确定这段代码应该放在哪里。react是否有一个总是在呈现组件之前调用的初始化器函数，还是总是先呈现第一个组件，这样我就可以将初始化器代码添加到第一个组件中？
如何在我的多页rails应用程序中放置react初始化器代码？(应适用于客户端或服务器呈现的react代码)
注意:假设只使用react和普通javascript。
浏览 1提问于2015-05-02得票数 1
在rails 5.1中安装了一个项目之后，使用--webpack=react选项，我应该安装引导创业板吗？还是用纱线加鞋带？或者，如果我在整个项目中使用rails并对组件进行反应，我会同时使用这两种方法吗？
另外，这两种方法都有利弊吗？
浏览 4提问于2017-07-24得票数 6
回答已采纳
我有一个场景，在我的ReactJS组件中，安装在jQuery附加点上，如下所示。
在下面的代码中，CustomfieldsDrawer是一个反应性组件，而道具是我作为道具传递的对象。$('#app')是我的反应性组件将挂载的附加点。
ReactDOM.render(React.createElement(CustomfieldsDrawer, props), $('#app'));
现在，props对象是通过ajax调用对某些客户事件进行自动更新的对象，我面临的问题是React组件不知道什么时候道具被更改，并且它不会自动更改本身。每当道具实际发生变化时，我不得不
浏览 1提问于2017-05-15得票数 1
回答已采纳
目前我正在做这个：
import * as React from "react";
import { useTable } from "react-table";
const Table = ({ onInit }) => {
const table = useTable({ data: [...], columns: [...] });
React.useEffect(() => {
onInit(table);
}, []);
return <table>...</table>
};
con
浏览 0提问于2020-08-09得票数 1
2回答
我想渲染一个组件在我的反应-应用程序在给定的时间，如下午6时，2022年10月27日。例如，从给定的时间开始，将发布一份表单，以便在此基础上注册。这个时间戳将存储在我的数据库中，这个数据库将由react查询。我如何在与JavaScript的反应中实现这一点？
我想过比较日期()对象。例如：获取当前时间，并将其与从消防站查询的转换为Date()的时间戳进行比较。但是，我不确定如何使用UseEffect来不断更新当前的比较时间。这个方法正确吗？如果没有，我希望有一些建议。
浏览 6提问于2022-10-25得票数 0
回答已采纳
这个，响应本机代码，正在抛出一个错误的/when按钮被按下：
import React from 'react';
import {
View,
Button
} from 'react-native';
const handleClick = (event, {title}) => {
console.log('name of button was ', title);
}
const App = () => {
return (
<View><Button title='Tes
浏览 1提问于2019-11-17得票数 0
回答已采纳
我有Rails 5.1应用程序，并试图通过react使用。我有基本的示例设置，但我的rails呈现内容只显示了一秒钟，然后react汉堡菜单组件似乎取消了它并使其消失。这是反应菜单汉堡组件。
import React from 'react';
import { render } from 'react-dom';
import { push as Menu } from 'react-burger-menu'
var styles = {
...
}
class Example extends React.Component {
sho
浏览 0提问于2018-02-24得票数 1
回答已采纳
1回答
我在rails 5.0中使用
重要的宝石是
gem 'rails', '~> 5.0.2'
gem 'react-rails'
gem 'react-router-rails'
gem 'slim-rails'
我的布局和页面模板都很苗条，我到处都在用咖啡。
当我使用react路由器时，我面临着很多问题。
问题清单如下：
我想得到一个干净的方法，如角度，我可以使用模块+控制器+视图的反应。有可能吗？
现在我使用的是react路由器，但问题是，当它向服务器发送请求时，请求就会出现在我的动作控制器、操作
浏览 4提问于2017-03-25得票数 0
3回答
因此，我试图学习rails (纯粹将rails用作API)的反应。我制作了一个简单的待办程序，并在尝试“创建”列表时陷入困境。
这里显示了一个“新列表”组件，主要摘自react教程：
import React, { Component } from 'react';
import axios from 'axios';
class ListForm extends Component {
constructor(props) {
super(props);
this.state = {
title: '&
浏览 1提问于2019-10-09得票数 1
回答已采纳
我无法通过使用带有react本机代码的酶类/玩笑来模拟硬件回退按钮。还提到我对酶/Jest的反应是新的--本土的
我遵循下面的链接并尝试实现。不幸的是，我无法做到这一点。
Sample.js，
import React, { Component } from "react";
import {
View,
Text,
BackHandler,
BackAndroid
} from "react-native";
componentWillMount() {
BackHandler.addEventListener('har
浏览 0提问于2019-02-12得票数 3
我正准备将一个单片的rails应用程序迁移到一个带有rails后端和json api的react应用程序。目前，我们已经将react应用程序作为静态资产集成到了rails应用程序中，并且正在慢慢地转换react要呈现的每个页面。
问题是，react应用程序不会进行路由(因为rails应用程序目前正在处理它)。只有当所有页面都被传输后，我们才会想要完全转换前端以做出反应。
然而，react应用程序当然不应该在每个页面上呈现相同的内容。它应该基于启动它的页面呈现适当的内容(它将为每个页面加载重新启动，但应用程序本身的脚本将保持不变)。
因此，问题是，要使react呈现适当的内容，推荐的方法是什么。
浏览 3提问于2016-09-15得票数 2
回答已采纳
(注意:我使用的是'therubyracer‘、'react-rails’和‘链轮-咖啡-反应’)
这是我的简单组件(Hello.js.cjsx)的代码：
# @cjsx React.DOM
Hello = React.createClass(
render: ->
<div>
Hello {@props.name || "World"}!
</div>
)
window.components ?= {}
window.components.Hello = Hello
在我的rails视图(ind
浏览 0提问于2014-10-11得票数 5
2回答
我不明白下面const Posts的参数。我对节点/反应相当陌生。它是一个非结构化参数对象吗？还是它只是一个作为参数传递的对象？
getPosts和post显示为未定义。但我不明白参数对象是从哪里传递到函数中的.
完整代码在这里：
提前谢谢！！
import React, { Fragment, useEffect } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import Spinner from '.
浏览 5提问于2019-10-26得票数 4
回答已采纳
我才刚开始学习反应。如果我有一个带有两个变量的组件，那么在另一个组件中访问这些组件的最简单方法是什么？用道具，useState，useContext？如何在ComponentTwo中使用这两个变量。
import React from 'react';
ComponentOne = () => {
varOne = Mike;
varTwo = Tyson;
Return(
<div>
</div>
)}
export default ComponentOne
import React from 'react';
impo
浏览 6提问于2021-12-14得票数 2
回答已采纳
假设我有以下反应代码。
<Navigation parentWindow={this} />
<p>Sub Pages</p>
<ReactCSSTransitionGroup
component="div"
transitionName="page-transition"
transitionEnterTimeout={0}
transitionLeaveTimeout={500}
>
{React.cloneElement(this.props.children,
浏览 3提问于2016-11-04得票数 0
1回答
我试图建立的todoList使用反应，redux，redux的形式和firestore数据库，我能够插入待办事项内的数据库使用动作或动作创建器也，我能够获取数据库中的数据存储，但我无法显示数据在网站上的用户第一次访问网站时，也当用户添加待办事项，并提交表单的第一个待办事项显示给我空白！有人能帮我指出我的代码出了什么问题吗？
App.js
import React from 'react'
import { Container} from 'react-bootstrap'
import { connect } from 'react-redux'
浏览 6提问于2021-05-18得票数 1
1回答
将react类转换为？
、、、、
有人能帮我把这个转换成反应钩子吗?我相信它会是useState()
import React from "react";
import RGL, { WidthProvider } from "react-grid-layout";
const ReactGridLayout = WidthProvider(RGL);
const originalLayout = getFromLS("layout") || [];
/**
* This layout demonstrates how to sync to localstorage.
*
浏览 10提问于2022-09-03得票数 0
这里是用例。我希望用户能够将ref传递给组件。但是，我还必须在内部访问相同的引用。
import React, { useRef, forwardRef } from 'react';
import useId from 'hooks/useId';
interface Props extends React.HTMLProps<HTMLInputElement> {
readonly label: string;
}
export default forwardRef<HTMLInputElement, Props>(({ la
浏览 3提问于2019-09-19得票数 0
1回答
我想用php Symfony调用一条反应路线。
首先，我创建了一个功能路径，其反应如下：
import addNotification from 'react-push-notification';
const Notifications = () => {
return (
addNotification({
title: 'Notification',
subtitle: 'Welcome',
message: 'New messa
浏览 2提问于2021-05-03得票数 0
回答已采纳
我正在使用精益模式：在一个Rails应用程序与一个反应前端。
当我将链接放到application.html.erb中的模型时，它工作得很好，但是当使用相同的代码通过React链接加载时，什么都不会发生。
我已经加载和检查了jQuery 10次，如果代码是相同的。是什么引起了这样的问题？
下面是React中的链接代码：
<a rel="leanModal" name="login" href="#login">
模板文件(html.erb)脚本：
<script type="text/javascript">
浏览 3提问于2015-03-03得票数 0
回答已采纳
1回答
我有一个简单的反应应用程序使用mqtt-反应钩和redux。每当订阅者收到新消息时，我想更新我的redux存储。
Subscriber.tsx
import React, { useEffect} from 'react';
import { useSubscription } from 'mqtt-react-hooks';
import { useAppDispatch } from '../features/item/hooks';
import { addItem } from '../features/item/item-s
浏览 3提问于2021-11-30得票数 1
回答已采纳
2回答
在里，上面写着
反应元素是不可变的。一旦创建了一个元素，就不能更改它的子元素或属性。元素就像电影中的单个框架:它在某个时间点表示UI。根据我们目前的知识，更新UI的唯一方法是创建一个新元素并将其传递给ReactDOM.render()。
在下一个标题中，它说
只对必要的更新做出反应
React将元素及其子元素与前一个元素进行比较，并且只应用必要的DOM更新使DOM达到所需的状态。
以身作则-
function tick() {
const element = (
<div>
<h1>Hello, world!</h1>
浏览 0提问于2018-09-22得票数 4
回答已采纳
我是新的反应，我试图更新我的列表上的变化，使用useEffect。
背景:当从服务器接收到列表时，我有一个列表创建按钮。因此，当视图可用时，列表可能不可用。因此，我使用useEffect来从本质上听取列表中的更改。
下面是我的代码片段：
A.js
------
function A() {
this.list = [];
}
function onListUpdate(newList) {
console.log("Set list");
this.list = newList;
}
Main.js
--------
function Main() {
const [a,
浏览 1提问于2021-12-29得票数 -1
1回答
我现在有一个我无法解释的问题。我工作的反应，类型记录和反应查询。我所使用的代码是一个双模式，当单击第二个模式的拒绝按钮时，通过react启动一个调用，然后执行一个onSuccess。
如果我将钩子调用移动到第一个模态，onSuccess就会触发。如果我将OnSuccess从第二个模式移到钩子中，它也能工作。
但我不明白为什么在这种情况下不起作用..。有谁有主意/解释吗？
提前谢谢。
下面是第一个模态的代码
import React from 'react'
import Button from '../Button'
import SecondModal fro
浏览 1提问于2022-05-26得票数 0
回答已采纳
1回答
我是新的反应，我有以下的反应组件，我正在使用的Blazor WASM应用程序。
// Parent
export class Parent extends React.Component{
constructor(props){
super(props);
this.childRef = React.createRef();
// saving reference to component to access it using Blazor JS Interop
window.canvasComponentRef = this
浏览 1提问于2021-08-24得票数 0
我很新的反应，并反应本机，但我想把一个const变量从一个函数，到另一个文件。我尝试在我的函数之外定义它，然后让它在我的函数中被修改，但是我得到一个无效的Hook调用错误。这是我的密码：
import React, { useState } from "react";
import {
SafeAreaView,
StyleSheet,
TextInput,
TouchableOpacity,
Text,
} from "react-native";
function JoinScreen({ navigation }) {
const
浏览 3提问于2021-05-03得票数 0
回答已采纳
我有一个可以自我更新的对象。假设它每一秒都会改变它的状态。 export class Obj {
val = 0;
start = () => {
setInterval(() => {
this.update();
}, 1000);
}
update = () => {
this.val++;
}
} 我认为(如果我错了，请纠正我)，类似的替代方案是连接到数据流的对象，每隔几毫秒将其状态更改为最后接收的值。 我现在需要一个react组件(使用钩子)来显示以下内容： function C(obj) {
r
浏览 42提问于2020-07-17得票数 0
2回答
我正在尝试学习Reactive原住民，当示例应用程序工作时，我在使用Button组件时会遇到一个错误。这一错误出现在我的AndroidLollipop5.1智能手机的普通红色背景中。
java.lang.String cannot be cast to
com.facebook.react.uimanager.AccessiblityDelegate$AccessibilityRole
setDelegate
AccessbilityDelegateUtil.java:93
updateViewAccessibility
BaseViewManager.java:260
// and m
浏览 0提问于2018-10-21得票数 0
回答已采纳
1回答
我遇到了一个错误，声明如下(通过iOS测试)：
无法读取属性'getScrollableNode‘的null
当尝试使用react本机的的边样式工具的反应和反应-本机。
下面是我创建的<Logo />组件的示例：
import React from 'react';
import { Image, Dimensions } from 'react-native';
import styled from 'styled-components/native';
const { width } = Dimensions.g
浏览 2提问于2017-01-02得票数 20
回答已采纳
1回答
我在Rails 6上有一个项目。
开始迁移它以通过使用react-rails进行响应。然而，由于时间的限制，仍然有一些组件我无法迁移来响应ATM。
我希望能够在我的React组件中使用旧组件(partial)。
例如，假设我有一个反应性组件：
Component.tsx
export const Component = ({post}) => {
return <div>
<ShareButton post={post}/>
</div>
}
不知为何，ShareButton应该包含以下内容：
<%= render p
浏览 15提问于2022-07-12得票数 0
回答已采纳
1回答
我是编程界的新手，我的反应(利用新冠肺炎的时间变得更好.)。当用户单击“注册”按钮时，我试图呈现一个组件。我的目标是将其显示为屏幕中间的弹出，供用户填写表单。(我正在使用Visual代码和react生成器)
我无法实现它，如果我console.log结果为true/false (取决于某一条件)，它将正确工作，所以我想问题在于我“调用”组件的方式。
如果有人能指点好的方向，我会很高兴的！
App类，其中处理程序函数正在调用假定的弹出div
import React from "react"
import Header from "./UI/Header";imp
浏览 0提问于2020-03-24得票数 1
回答已采纳
1回答
我从Rails开发测试项目并做出反应。
我有反应的根成分：
# chat_app.js.jsx.coffee
###* @jsx React.DOM ###
@ChatApp = React.createClass
displayName: 'chatApp'
render: ->
return (
`<div className="chatApp">
<h1>React Chat App Example</h1>
<div class=
浏览 2提问于2014-08-26得票数 2
回答已采纳
1回答
故事：
用户单击"add"，它将数据库中的值设置为true。单击“删除”，将同一列更新为数据库中的false：
def add
u = User.find(1)
u.foo = true
u.save
u.reload
head :ok
end
def remove
u = User.find(1)
u.foo = false
u.save
u.reload
head :ok
end
React按钮组件：
...
_add(){
$.ajax({
url: ''url-to-the-controller-a
浏览 3提问于2016-04-02得票数 0
回答已采纳
假设我有一个反应性组件(functional )，并且正在传递多个道具。其中一个道具是一个嵌套的对象，比如.
示例嵌套对象
const user = {
id: 101,
email: 'jack@dev.com',
personalInfo: {
name: 'Jack',
address: {
line1: 'westwish st',
line2: 'washmasher',
city: '
浏览 2提问于2021-12-04得票数 0
回答已采纳
4回答
尝试使用useLocation -router-dom 5.1中引入的反应钩子，但抛出错误-对象不是函数。
我已经粘贴了下面代码的要点
使用
react - 16.13
react-router-dom - 5.2.0
App.js
<Router>
<Switch>
<Redirect exact from='/' to='/home' />
<Route id='home' path='/home' component={Home} />
</Sw
浏览 0提问于2020-08-15得票数 1
我有一个React类，它希望呈现如下所示的对象：
data: {
title: "haha",
description: {
country: "US",
year: "1996"
}
}
但是，当React想要呈现它时，它会产生一个错误。
未知错误:不变违反:receiveComponent(.)：只能更新已安装的组件
我认为问题是在getInititalState，中，我将数据声明为空对象，所以当我在超时后获得完整的数据对象时，React将尝试将数据对象映射到组件，但它会产生错误。
但是
浏览 1提问于2015-02-20得票数 5
回答已采纳
我最近开始在我的一个项目中使用和，对于GUI的某些部分，我也使用jQuery。通过jQuery，我有时会将CSS类和样式，甚至DOM节点添加到React创建和更新的元素中。这看起来挺好的。React不会抱怨，而且当render()重新运行时，React不会修改类和样式，也不会修改已经添加到react根深处的DOM节点。
我能依靠React忽略DOM节点吗？-我知道，如果React决定删除插入它们的节点，那么就会删除未反应的DOM节点。这对我来说没问题。但我想知道，未来的某一天，React是否会对这些未由React管理的额外节点感到不安，并拒绝工作呢？
如果React不管理DOM节点的任
浏览 1提问于2014-12-25得票数 6
回答已采纳
class A extends Component {
constructor(props) {
super(props);
this.state = {
fruitsDetailsList: [],
fruitCode: this.props.fruitCode,
};
}
showModal = () => {
this.setState({ show: true });
};
hideModal = () => {
this.setState({ show: false });
};
浏览 0提问于2019-09-22得票数 1
回答已采纳
我在导航栏中有一个ButtonGroup作为单选按钮。我想在某些页面中返回选定按钮的值。我没有太多的反应经验，我有点迷失了。
我有两个..js文件: sidebar.js和page.js。
sidebar.js：
import React, { Component } from 'react';
import classNames from 'classnames';
import history from '../../core/history';
import {
Radio,
ButtonGroup,
Button
浏览 0提问于2017-03-05得票数 1
我开发这个RoR 5.1应用程序已经有一段时间了，现在我需要添加一个新的迁移：
class AddActiveFlagToParameters < ActiveRecord::Migration[5.1]
def change
add_column :parameters, :is_active, :boolean, :default => true
end
end
当我试图运行迁移时，rails会引发错误：
NoMethodError:用于ActiveSupport:模块的未定义方法`halt_callback_chains_on_return_false=‘
浏览 0提问于2018-04-10得票数 26
回答已采纳
2回答
因此，我有一个function组件，它接受函数构造函数( Car)的实例。
该组件的任务是显示有关Car的信息，并根据Car的公共接口(方法和属性)对其进行操作。
在下面的示例中，子组件应该在单击按钮时添加意外。
问:子实例操作Car实例属性的正确方法是什么？根父级的状态存储对Car实例的引用，子节点能够操作Car的属性(如.accidents)，但请参阅各种onChange示例，以说明为什么我很难找到正确的反应方式。
我想避免像Flux这样的重手解决方案来存储这种状态。
如有任何建议，将不胜感激！
function Car(name, color) {
this.name = name;
浏览 2提问于2018-01-12得票数 0
正如标题所述，当我运行rails服务器时，我的任何react组件都是不可见的。我正在使用gem react-rails。我知道它们是呈现的，因为当检查页面的body标记时，它有<div data-react-class="Home" data-react-props="{}"></div>。
为了测试它是否是我的计算机，我创建了另一个rails应用程序，在根目录中创建了一个完全相同格式的反应性组件，
class Home extends React.Component {
render() {
return (
&
浏览 5提问于2016-10-18得票数 5
2回答
我是新的反应，我试图建立一些东西来学习它的概念。
我已经创建了一些react组件，但是我不明白为什么在JSON请求成功之后我的Post组件没有被呈现。
注意：Posts和PostList组件呈现没有问题。
我在这里错过了什么？
/** @jsx React.DOM */
var Posts = React.createClass({
render: function() {
return (
<div className="posts">
<h3>Featured Jobs</h3>
&
浏览 1提问于2014-06-21得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
