react怎样在html中引入js

JavaScript015

react怎样在html中引入js,第1张

<script src="react.js"></script>

<script src="react-dom.js"></script>

<script src="browser.min.js"></script>

react.js 是 React 的核心库

react-dom.js 是提供与 DOM 相关的功能，你以后创建的组件都是用它创建

Browser.js 的作用是将 JSX 语法转为 JavaScript 语法

1、Chrome 无法支持，会报错。但是 Firefox 和 Safari 是可以了。记得加上 type="text/babel"。

2、如果想让 Chrome 也能运行，可以开一个本地服务器（比如 Apache），也是可以让 Chrome 支持的。React 文档上也有注明：Note that some browsers (Chrome, e.g.) will fail to load the file unless it's served via HTTP.

3、最后，如果不想开本地服务器。那可以使用模块加载器（webpapck 或 browserify）编译 jsx 代码成 js 再引入就行。

jstree是基于jquery的插件，是需要和dom元素打交道的。要使用的话需要先引入jquery。

你可以在你的react模板页面中直接引入jquery和jstree。在你需要用到的组件里用ref拿到对应元素，调用jstree的初始化方法就可以。一般要在componentDidMount中初始化。