React 是一個用于構(gòu)建用戶界面的JavaScript庫。
NEW! 查看我們最新的項目React Native, 它使用React和JavaScript創(chuàng)建本地應用(比如Android和iOS的APP)。
class HelloMessage extends React.Component{
render(){
return <div>你好 {this.props.name}</div>;
}
}
ReactDOM.render(
<HelloMessage name="W3Cschool" />,
document.getElementById('example')
);
此示例將“你好 W3Cschool”呈現(xiàn)在頁面里(頁面中的id為example的元素里)。
你會注意到我們使用類似HTML的語法,我們稱之為JSX。 React不一定需要使用JSX,但是它使代碼更可讀,寫它感覺像寫HTML。
React中包含一種簡單的變換,它允許將JSX轉(zhuǎn)換為本地JavaScript,供瀏覽器進行使用。
沒有轉(zhuǎn)換的JSX是不能直接在本地瀏覽器上運行的。
對于初學者而言,最快的方法是在HTML中引用CDN提供的JavaScript庫:
<script src="https://unpkg.com/react@17/umd/react.production.min.js" rel="external nofollow" ></script>
<script src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js" rel="external nofollow" ></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js" rel="external nofollow" ></script>
更多建議: