问题标签 [react-component]

在我的项目中，在使用函数循环数据文件时.map()，我将一个函数 ( updatestate) 从父组件App传递给子组件Main，它允许子组件调用.setState()并附加到父状态的数组。

但是，当我调用这个函数来设置 Parent 的状态时，除非我再次点击屏幕，否则映射的部分- {contents}-不会重新呈现。

有任何想法吗？我是否缺少一些绑定或需要做一些 componentDidMount 或任何事情？我尝试this.forceUpdate()在 eventHandler 中添加，但 **mapped{contents}部分 ** 仍然不会自动呈现。

为了确保事件处理程序没有问题，我添加了一个不设置父级状态的函数，并<Card>在事件处理程序上调用它——它运行良好，子组件<Card>完美呈现。似乎是updatestate从父级传递给子级的函数在上游调用，由于某种原因导致子级在事件处理程序之后.setState()无法渲染/未完成映射映射。{contents}

抱歉，缩进很糟糕，但为什么不是关于组件渲染的第四个。我已经尝试了一切，甚至尝试在单独的文件中编写有关组件的内容，但结果是相同的。在App.js第三类组件中，我已经在其中导出和导入，index.js就像Rcomp1渲染良好的组件一样。

应用程序.js

index.js

我已经有一段时间了，我很困惑。我有一个反应组件，它应该在收到道具时添加一个新系列，但是chart.getChart().addSeries({ data: [1, 2, 3, 4] })没有在我的图表中显示新系列。但是，我还向添加新系列的组件添加了一个按钮onClick，并且确实有效......下面是我的代码：

顺便说一句，我确实通过了if(data.length > 0)声明，每当我将一组新的道具传递给我的组件时，我都会遇到这个问题。所以这不是组件安装问题（至少我认为不是）。关于为什么会发生这种情况的任何想法？

我正在尝试将一个简单的 React 组件加载到我的应用程序中（特别是React-rating）。

我运行 Visual Studio，并确保将其添加到我的packages.json，并安装所有依赖项（请参阅帖子底部的图像）。

现在，我尝试遵循使用该组件的标准说明。在我的 TSX 文件的顶部，我写道：

当我使用组件时，我只是使用<Rating />

现在，这给出了：

如果我改为像这样加载模块：

然后我得到：

我猜是因为我使用了 Typescript，但在这种情况下，我该如何导入组件呢？

我的依赖：

对不起函数名

我有一个基本的反应应用程序，它可以获取数据，即博客的标题和主题并显示在网站上

这是我的列表组件

它正在获取数据并且 oh 函数循环数据并发送到卡组件

Card.js

现在我想要的是，如果用户单击博客名称列表之一，它应该重定向到其他位置，但 div 的 onClick 不起作用

在呈现自身时 onClick 被执行

请不要投票，我可能会被阻止

我使用 react 开发了一个组件，使用 babel 构建到 lib 目录中。

但是我的css我不知道如何构建它，我需要帮助谢谢。

我的代码：

“脚本”：{“构建”：“./node_modules/.bin/babel ./src --out-dir ./lib”}

我在 reactjs 中有以下代码：如何使用 ID 访问任何组件（如 jquery）或有其他解决方案？

进度条.jsx

文件上传器.jsx

React 是否有可能重新挂载之前卸载的组件的同一个实例？

React 和 React-Native 是否以相同的方式管理这个？

我正在尝试从子组件调用父组件函数，但出现错误：

不是函数

但如果我从父组件调用相同的函数，它工作正常。你可以看到我的代码我this.props.toggle()从子组件调用函数，它对应toggleCallModel于父组件中的函数。

我正在使用 React 中的表单并面临这个奇怪的问题。

这就是我的组件类的外观 -

这就是渲染页面在浏览器中的外观。

我能够更新/更改文本框中的文本。

现在我稍微调整一下我的组件类，基本上我更改了this.state对象并相应地更新了 HTML 输入元素。

这些是所做的更改-

在我在浏览器中呈现页面时进行这两项更改后，一切都相同，除了我无法更新/更改文本框中的内容。

我的预感是该函数一定存在一些问题this.setState，但是当我打印的值时event.target.name，event.target.value我得到了预期值。不确定到底出了什么问题。