问题标签 [react-dom]

正在尝试安装

sudo npm install react-datagrid --save
sudo npm install react-datepicker --save

控制台输出

所需的依赖项是已经安装的 react@^15.0.1 可以在 package.json 中看到我确实克服了这个问题。

包.json

我正在尝试使用此错误来构建我的应用程序wepback并陷入困境。unexpected token我的项目的所有依赖项都很好并且是最新的

这是我的 app.jsx

这是我的 config.js

这是我尝试构建时遇到的错误：

我正在使用react v0.14.8, react-dom v0.14.8,babel-loader ^6.2.1

我一直在到处寻找，找不到解决方案。

我只是想执行以下操作：

这对我来说似乎很简单。我有

我也需要动态appendChild组件。问题是，我附加到此的“步骤”<div>绝对需要是我创建的组件之一，需要允许我添加多个组件子级，甚至复制（这就是我使用的原因React.cloneElement()）组件。

一旦我附加了所有“步骤”，稍后的过程将解析每个步骤以确定如何运行配方。

以下工作很好，但我不需要创建一个简单的 DOM 节点，我需要使用我已经构建的组件并附加它

尝试时出现以下错误this.steps.appendChild( component )：

错误：

我想我的主要问题是：如何将我的 React 组件转换为可以与 一起使用的节点this.steps.appendChild()？

或者：是否有“反应方式”将子组件动态附加到我的this.steps？

您好，我正在学习 React js，但遇到了一个问题。当我尝试使用反应路由器更改回主页时，出现以下错误：

未捕获的类型错误：无法读取未定义的属性“推送”

这是我的代码，如您所见，我正在调用导航功能：

我的带有路由器的 client.js：

如果我this.props.router.push('/');用它代替this.props.history.push('/');它工作正常。可能是什么问题呢？

我正在使用Leaflet开发一个应用程序（通过react-leaflet）。Leaflet 直接操作 DOM。react-leaflet 库不会改变这一点，它只是为您提供 React 组件，您可以使用这些组件以对 React 友好的方式控制您的 Leaflet 地图。

在这个应用程序中，我想使用自定义地图标记，它们是包含一些简单元素的 div。在 Leaflet 中执行此操作的方法是将标记的icon属性设置为DivIcon，您可以在其中设置自定义 HTML。html您可以通过将 DivIcon 的属性设置为包含 HTML 的字符串来设置该内部HTML。就我而言，我希望从 React 组件呈现 HTML。

为了做到这一点，似乎正确的方法是使用ReactDOMServer.renderToString()将我想要在地图标记内的组件呈现为一个字符串，然后我将其设置为htmlDivIcon 的属性：

MyMarker.js：

但是，根据React 文档：

这个 [renderToString] 应该只在服务器上使用。

这是一个严格的规则，还是只是为了阻止人们绕过 ReactDOM 对 DOM 的有效管理？

我想不出另一种（更好的）方法来完成我所追求的。任何意见或想法将不胜感激。

我有一个 json 文件，其中包含一组代表人的数据。

我想为每个人制作一个组件。我应该在我的渲染函数中创建一个组件并循环遍历我的数据，还是应该在我的 ReactDOM.render 函数之外循环并在每个循环中传递特定的数据片段？

我应该这样做：

或者我应该这样做：

使用 jQuery，我可以通过on方法附加一个事件处理函数，当 DOM 更改和某些东西（如 Ajax 调用）替换页面的 HTML 时，该方法也会触发。

是否可以使用 React 组件做类似的事情？在更改 DOM 的 ajax 调用之后，如果找到具有特定元素的元素，class则渲染它（使用ReactDOM.render(...)）。

谢谢

这里是 Meteor/React 新手，通过Meteor-React 教程并卡在第 3 步。我的问题是数据没有显示在浏览器中，尽管它存在于数据库中。

这是我的导入/ui/App.jsx：

控制台中没有显示错误。

基本上this.props.tasks返回空数组。但db.tasks.find({})在控制台显示记录。没有太多改变，如果我硬编码任务记录，它们显示得很好，所以问题不在于任务组件。任何人都可以在这里提供帮助吗？将不胜感激。

客户端/main.jsx：

包.json：

npm 版本3.3.12 节点版本5.6.0

我知道已经有很多关于此的问题，但似乎没有一个与我的问题相匹配。

我正在使用JQuery-UI dialog 它创建一个 React 组件，如下所示：

有了这个，在我的ejs文件中包含jquery

包含工作，但是，当我单击打开对话框按钮时，控制台会说dialog is not a function，而如果我在控制台中写入它，它会这样做。

谁能帮帮我？

注意：我正在使用Bower, Gulp, React, ReactDom, jquery,jquery-ui

我正在尝试从另一个组件调用一个组件以显示一些 html，如果我单独调用该组件，它可以工作，但是如果我在同一个返回函数中添加更多标记，则会引发以下错误：

产品.jsx

ProductSlider.jsx（作品）

ProductSlider.jsx（不起作用）

有人知道这段代码有什么问题吗？