最近開始有機會接觸到 React.js ,不過因為專案開發都是使用 APS.NET ,研究了一段時間後,終於對這個前段 (Web Front End)有了基本的了解及認識,在這裡小表一下心得:
呼叫時一定要從 Script 目錄中讀取三個 javascript : react.js 、react-dom.js 、browser.min.js 這是在ASP.NET 下使用 React 的關鍵,很重要 很重要 很重要 ^^....
下面飯粒使用 React 依序呼叫陣列:
JS:
<script src="Scripts/react.js"></script>
<script src="Scripts/react-dom.js"></script>
<script src="Scripts/browser.min.js"></script>
<script type="text/babel">
var arr = [
<h1>Hello Emily</h1>,
<h2>Hello Ryan</h2>,
];
ReactDOM.render(
<div>{arr}</div>,
document.getElementById('example')
);
</script>
結果:
呼叫時一定要從 Script 目錄中讀取三個 javascript : react.js 、react-dom.js 、browser.min.js 這是在ASP.NET 下使用 React 的關鍵,很重要 很重要 很重要 ^^....
下面飯粒使用 React 依序呼叫陣列:
JS:
<script src="Scripts/react.js"></script>
<script src="Scripts/react-dom.js"></script>
<script src="Scripts/browser.min.js"></script>
<script type="text/babel">
var arr = [
<h1>Hello Emily</h1>,
<h2>Hello Ryan</h2>,
];
ReactDOM.render(
<div>{arr}</div>,
document.getElementById('example')
);
</script>
結果:
留言
張貼留言