问题标签 [react-component]

我的应用程序进行 API 调用并将 JSON 数组的每个元素转换为 React 组件。

我制作了这些子组件的数组，但它们不渲染。我如何强制他们渲染？我应该使用React.create()然后调用render()每个吗？

什么是适当的香草 React 设计模式？

编辑：

我更改了标题，因为它非常通用。我真的在问为什么我的方法是糟糕的设计实践，不会给我正确的结果。

@Jayce444 告诉我原因，@Supra28 给出了一个很好的答案。我在这里发布@Jayce444 的评论以便于阅读：

完全可以将组件存储在变量或数组中，然后使用它。但是 store/props 应该保留用于渲染所需的基本数据，而不是整个预制组件。有几个原因，两个是：首先你会膨胀 state/props 这样做，其次你正在结合逻辑和视图功能。渲染组件所需的数据及其渲染的实际方式应该是松散耦合的，使您的组件更易于维护、修改和理解。这就像将 HTML 和 CSS 分离到单独的文件中一样，更容易:)

这是我的代码的简化示例

在这里，我有相同组件的实例。当我单击一个时 - 我希望删除具有此特定实例的 div。要检查 - 这是我的 ComponentA 代码：

因此，每个实例都有其唯一的 uid 状态。当我单击其中一个组件时 - 总是最后一个被删除。

更新

那是简化版，现在可以使用了。我真正的问题是 react-grid-layout：

我正在创建一个使用 react 的 webapp。我有一个App.js作为主要组件的主文件。然后我有一个子组件，它具有创建按钮的功能。例如，我有一个renderLogoutButton()包含徽标、文本等的。

我需要不同子组件中的注销按钮，并且不想复制该功能。如何renderLogoutButton()从一个 React 组件导出并将其导入另一个 React 组件？

感谢所有帮助；提前致谢。:)

我正在尝试使用 reactjs 中的多个组件在数据库中插入数据。在我的第一个组件中，我有一个如下所示的表单（此组件中没有Submit按钮）

}

在第二个组件中，我用if else逻辑调用该组件。

在第三个组件中，我有如下提交按钮

我的主要问题是使用state. 我怎样才能state在这里有效地使用？如何捕获input第三个组件中第一个组件的值以插入数据库？

我已经为许多类似的案例尝试了几种做法，但没有一个适用于我的案例。输入一个字母后，表格的输入总是失去焦点。如何避免？

我在代码sandbox.io 的片段中提供了一个代码

链接：https ://codesandbox.io/s/84wm4v4099

我有一个问题要问有经验的人，他们使用 React 制作了可共享的组件。为每个现有的 html 标签创建自定义反应组件是否合理？我的意思是，例如，如果我可以使用 html div，那么创建自己的自定义是否有一些好处，<Div>比如说，它将获得一些特定的参数作为道具（样式等）

我已将缩略图组件添加到我的项目中。添加后我在我的项目中看到以下错误。错误如下图所示。

这是我的 webpack.config.js 文件代码，可以帮助您理解问题。那里有一个加载程序要指定。我不知道为此指定的加载程序是什么。有人遇到同样的问题吗？

关于这个问题的任何帮助？

这是我调用该组件的代码：

我正在开发一个 ReactJs 应用程序。这里我有一个Textarea连接到一个state

在另一个控制器中，我有一些标签，点击它们，我可以adDescription像这样更新状态

但我也想手动向 Textarea 添加更多文本，但似乎我无法在其中添加任何文本。当我单击 Textarea 并输入内容时，它什么也不做。

如何手动添加文本？

有谁知道如何解决这个掉毛问题？它声称我没有使用 TasksComponent。谢谢！

'TasksComponent' 被分配了一个值，但从未使用过。（没有未使用的变量）

这是我的 .eslintrc 文件：

我正在使用 ReactJS，并且我已经连接了不同文件中的套接字作为全局函数。有一个套接字的消息事件侦听器，并在任何新消息来自后端时触发。

现在我想要的是，当我的消息事件侦听器被定义为全局函数时，我想在组件中触发一个事件。

任何人都可以有一个想法，我们怎么做？

提前致谢