问题标签 [react-dom]

因此，我正在构建一个 react-JS 网站，并使用 express 服务于后端。我正在使用 react-router 和 react-stormpath 进行身份验证。也使用 webpack。我在加载引导 javascript 时遇到问题。我安装了 react-bootstrap 并从 express 提供 css 文件，没有问题。但是，当我尝试渲染时，我收到了几个错误，一个与 ReactDOM not Recogniz 相关 ReactDOM(Uncaught ReferenceError: ReactDOM is not defined(…))，另一个与bootstrap(Uncaught TypeError: Cannot read property 'PropTypes' of undefined(…) & Uncaught SyntaxError: Unexpected token :). 这是我的第一个 React 应用程序，任何帮助将不胜感激！

我不完全理解它，但显然不建议使用 findDOMNode()。

我正在尝试创建拖放组件，但我不确定我应该如何从组件变量访问 refs。这是我目前拥有的一个例子：

资源

编辑

这可能是由于我的组件既是拖放源又是目标，因为我可以让它在这个例子中工作，但不是这个。

我正在使用 node，express 制作一个反应应用程序。但突然我收到这个错误“Uncaught SytaxError: Unexpected Token:”

并在这一行休息：

这是我在浏览器控制台中可以看到的。React-dev-tools 编译完美，没有错误。

任何帮助表示赞赏！谢谢！

编辑：请求的文件

应用程序.js：

webpack.config.js ：

我目前将此作为 Meteor 应用程序的“索引”：

我想知道我是否可以通过“Bar”中的代码以某种方式更改“Foo”的内容。

本质上，“Foo”将具有如下代码：

吧，也会有类似的代码：

但是我需要某种代码来更改“要替换的文本”。有没有办法以某种方式做到这一点？也许与反应 DOM 或其他什么？我有点强迫自己解决这个问题，所以我可能不知道基本的基础知识，抱歉

提前致谢

我正在使用带有 create-react-app 的 React Router v4.0.0-alpha.3，如下所示：

我收到这些错误。

我发现在网上造成这种情况的唯一原因是我可能导入不正确，但我是 AFAIK。我很确定我忽略了一些非常明显的东西。

App 和 Storepicker 的代码：

--

错误：

导致的$('#container')行在 main.jsx 中。当我用它代替document.getElementById('container')一切都很好。我究竟做错了什么？jQuery 不适合与 React 一起使用吗？

索引.jade

主.jsx

我正在尝试通过 RequireJS 在充当独立库的缩小文件中使用 React + ReactDOM。

我已经到了可以使用 React（捆绑在缩小文件中）的地步，但是当尝试使用 ReactDOM 时一切都中断了，到目前为止我发现的可能原因是，在尝试加载“require-dom”时，需要尝试导入文件“react-dom”，而不是从缩小文件中加载代码。（实际上包含 react-dom）。

实际上我正在使用 grunt 来预编译所有需要的文件。这是我的 grunt requirejs 配置：

Main.js 如下：

使用上述配置编译所有代码后，我将其包含在一个 html 文件中，如下所示：

Index.js 是一个 requirejs 文件，如下：

执行上述代码时收到的错误如下：

如果我删除 react-dom 一切都会顺利加载。

到目前为止，我已经尝试了几件事，将 React 作为 shim 导入，以便 react-dom 检测到全局 React var，但这也没有奏效。

任何帮助将不胜感激，在此先感谢。

更新： 带有示例代码的 Github 存储库

更新 2：在对 react-dom 库和缩小脚本进行了一段时间调试后，我发现 main 方法在缩小脚本中的调用“define('react-dom')”之前执行，所以问题解决了作为“如何让主脚本等到定义'react-dom'的代码被执行”。

我有一个无状态组件，称为 FlexibleInput。

我在一个名为 AddNote 的表单中使用这个 FlexibleInput。

使用 this.addNote 函数提交后...我希望能够重置 FlexibleInput 输入值。

我已经设法做了一个丑陋的屁股黑客版本......

哪个设法正确重置该值。这很容易改变，因为 FlexibleInput 的结构可能会改变？我不知道，希望不会。

但我的主要问题是，有没有办法我可以做某种

this.refs[bla bla].find(#input)

或者？

在 React/ReactDOM 文档中，哪个 api 可用于ref.

谢谢！

我在 heroku 上有一个 create-react-app。当我尝试将更改部署到生产时，它失败并给我以下错误：

但是，当我这样做时它是成功的npm run build。这是我的 package.json 文件：

我尝试删除 node_modules 文件并按照此处的建议重新安装，但我继续收到相同的错误。我已经使用 heroku 设置了 buildpack，并且上周能够成功部署该应用程序。任何帮助或建议将不胜感激。

我有一个输入，在用户插入文本后，我想在button-group. 我拆分句子并映射它返回

所以我在输入中插入文本，单击按钮后text.split(" ") 一切正常，直到这里。但在按钮组部分显示什么

textArr.length我逐字查看控制台日志时间。但没有呈现任何按钮，浏览器中也没有显示任何内容。