问题标签 [react-component]

我在我的 Create React App 中使用 chartIQ 库。我只是通过在我的 index.html 文件中使用脚本标记来添加它， <script src="chartiq/js/chartiq.js"></script>它就是这样工作的，但感觉不对。因为我只需要这个库用于一个组件，最好以某种方式将该库仅导入到该组件。有没有办法正确地做到这一点？

有没有办法让我的组件可重用？

我正在使用 react-native-fontawesome npm

这是原始组件：

我想传入我的父组件，例如：

然后在我很棒的使用中

显然这不是这样做的方法，但我没有任何好主意。

当我使用父组件中的 setState 更新我的状态时，我的子组件得到渲染（因为道具正在改变）
父组件

所以当插件状态在父组件中发生变化时，我想停止仅渲染Map组件

所以我shouldComponentUpdate在地图组件中使用了，但它并没有停止渲染到组件

在这里学习反应的基础知识。

我有一个简单的邮政编码表单，我正在尝试更新我制作的表单组件和我制作的应用父组件中的邮政编码。

在我的 onSumbit 道具中，我调用了一个函数来更新和添加 e.preventDefault();

但是提交按钮仍然会刷新所有内容，我很确定会丢失我的数据。

我注释掉了我的 onInput 函数和道具，因为我意识到它不会影响我的 onSubmit 操作，但如果出于某种原因在 React 中需要它，请告诉我。

如果需要，我可以添加更多。在我的索引中，我使用的是 bootstrap4 cdn

应用程序.js：

邮编.js：

我还是 React 的新手。我正在尝试在我的类组件下的另一个方法中定义的条件下呈现 jsx，如下所示：

我在渲染方法中调用这个方法

已经尝试使用替换<isWinner />，{() => this.isWinner()}但我从未从该方法中获得回报。我做错了什么？因为我在这里处理状态，所以我不知道如何使用外部函数来做到这一点。由于某种原因，这个函数永远不会被调用。请帮忙！

我在我的测试组件中渲染了 EditModal 组件。我通过“this.edit”引用它。我将 UserForm 组件作为提示传递给 EditModal。我也尝试参考它。但是“this.form”返回未定义。

为什么？有没有办法解决这个问题？

//EditModal.js

我想每秒发送一个动作来更新无状态组件的显示。我最初window.setInterval的天真尝试涉及调用 render 函数，然后在每次组件呈现时调用该函数，每次都启动一个新计时器。

我考虑过关闭一个指示计时器是否已经启动的变量，但这会违反无状态组件的概念。我想知道通过 React+Redux 完成此任务的适当方法是什么，理想情况下，同时继续使用无状态组件。

我在我的应用程序中遇到了来自 material-ui 的反应可滑动标签的问题。我安装并完成了文档中推荐的所有操作。现在，我在屏幕截图上显示以下错误。从材料 ui合并可滑动标签是否有任何问题。因为当我使用受控示例时，它工作正常，没有显示错误。

目前我正在使用以下代码：

如何根据所选选项完成圆的边框。这里有四个选项。1.Head 2.Body 3.Script 4.End Note

我旁边有一个圆圈。我想做的是，默认情况下，头部是活动的，所以圆形边框应该是红色，直到其总面积的 25%，然后在选择身体后它应该是 50%。依此类推，最后它应该是 100%。

这是我的代码，我尝试单击其更改文本颜色直到单击 4 次，但我想要上面的那种东西。作为 ReactJS 的初学者，我无法理解这个逻辑。

我有一个组件，其中导入了一些其他组件，例如：

然后我在名为的主组件中有一个函数returnChild(String childName)，它获取字符串输入，例如ComponentAor ComponentB，并返回组件对象。

现在我正在使用一个开关盒来做这件事，但是组件太多了，而且我的源代码很乱。有没有办法在reactJS中通过字符串名称获取值？例如：