鍍金池/ 問答/HTML5  HTML/ 如何在html頁面中引入React.js

如何在html頁面中引入React.js

我現(xiàn)在也一個(gè)react項(xiàng)目,但是需要在這個(gè)項(xiàng)目中寫一個(gè)html文件,用來展示數(shù)據(jù)。

如何在這個(gè)html文件中引入react。

我百度了下好像可以用:(引入cdn)

    <script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script>
    <script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script>
    <script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>

我問一下,可否像我項(xiàng)目中其他組件一樣,用import的方法引入。

回答
編輯回答
情皺

當(dāng)然不可以,但是這樣通過<script>腳本引入的時(shí)候,React、ReactDOM都已經(jīng)是全局變量了,你就不需要在import了啊,直接使用,前提是<script>要寫在其他的使用其的腳本前面;

// import ReactDOM from 'react-dom';   //不需要了,ReactDOM已經(jīng)存在
ReactDOM.render(
  <Clock />,
  document.getElementById('root')
);

// import React from 'react'; // 不需要,React已經(jīng)是全局的
class Clock extends React.Component {
  render() {
    return (
      <div>
        <h1>Hello, world!</h1>
        <h2>It is {this.props.date.toLocaleTimeString()}.</h2>
      </div>
    );
  }
}

當(dāng)然如果你使用的是webpack,那么externals擴(kuò)展 幫你完成引用外部對(duì)象來作為模塊使用。

2017年1月13日 10:18