react-select 模块找不到react
The react-select module cannot find react
React-select 找不到 React:
TypeError: React 未定义1 react-select.js:826:4
React-select.js 正在通过
做出反应
var React = (window.React);
看起来我必须在 html 中包含 React 才能完成这项工作,但我想避免这种情况。有什么我想念的吗?
(使用节点)
让我猜猜,你需要 dist/react-select.js. This script is used for browser environment. Try to require node environment script, which described in package.json。或者如果你使用 npm install react-select
它足以调用 require('react-select');
这里我们需要进一步说明,"using node" - 你是在节点服务器上渲染的吗?
如果您在 client/browser 中渲染,可能会在 window.React
可用之前调用 var React = (window.React);
...
我建议使用 commonJs 模式,即:var React = require('React');
我希望我的回答能解决您在使用 React 时遇到的一些问题。首先,React 并不是最 'noob' 友好的 'View'(MVC)。
我个人认为 HTML 应该只处理任何 Javascript。让我们将问题分为两部分。
|-- index.html
|-- app.js
现在,我们有两个文件,分别涉及两个问题。我同意 'requiring' <== 当前方式的正确方法 || 'import' 新的 ES6way(节点 6 版本的 AS)但是为了简单起见,让我们使用 CDN。
添加这些脚本标签
<script src='https://cdnjs.cloudflare.com/ajax/libs/react/15.0.2/react.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/react/15.0.2/react-dom.min.js'> </script>
"保持clam =*=解决bug"
React-select 找不到 React: TypeError: React 未定义1 react-select.js:826:4
React-select.js 正在通过
做出反应var React = (window.React);
看起来我必须在 html 中包含 React 才能完成这项工作,但我想避免这种情况。有什么我想念的吗?
(使用节点)
让我猜猜,你需要 dist/react-select.js. This script is used for browser environment. Try to require node environment script, which described in package.json。或者如果你使用 npm install react-select
它足以调用 require('react-select');
这里我们需要进一步说明,"using node" - 你是在节点服务器上渲染的吗?
如果您在 client/browser 中渲染,可能会在 window.React
可用之前调用 var React = (window.React);
...
我建议使用 commonJs 模式,即:var React = require('React');
我希望我的回答能解决您在使用 React 时遇到的一些问题。首先,React 并不是最 'noob' 友好的 'View'(MVC)。
我个人认为 HTML 应该只处理任何 Javascript。让我们将问题分为两部分。
|-- index.html
|-- app.js
现在,我们有两个文件,分别涉及两个问题。我同意 'requiring' <== 当前方式的正确方法 || 'import' 新的 ES6way(节点 6 版本的 AS)但是为了简单起见,让我们使用 CDN。 添加这些脚本标签
<script src='https://cdnjs.cloudflare.com/ajax/libs/react/15.0.2/react.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/react/15.0.2/react-dom.min.js'> </script>
"保持clam =*=解决bug"