什麼是React-js教程-PHP中文網

什麼是React

清浅

發布： 2018-12-12 09:03:49

原創

6821 人瀏覽過

React是一個用於建立使用者介面的JavaScript庫,具有很好的靈活性和可擴展性適合構建大的前端專案

#React是一個用來建立使用者介面的JavaScript函式庫，它是Web應用程式的視圖層，接下來在文章中將為大家詳細介紹什麼是React

【推薦課程：React教學】

什麼是React

#React意義

#React是一個JavaScript框架，所有React應用程式的核心都是元件。元件是一個自包含的模組，可以呈現一些輸出，元件是可組合的。組件可能在其輸出中包含一個或多個其他組件。

其實，要編寫React應用程序，也就是編寫與各種介面元素相對應的React元件，然後將這些元件組織在更高層級的元件中，這些元件定義了應用程式的結構

重要的是，React應用程式中的每個元件都遵循嚴格的資料管理原則。複雜的互動式使用者介面通常涉及複雜的資料和應用程式狀態 React的表面區域是有限的，目的是為我們提供工具，以便能夠預測我們的應用程式在給定情況下的外觀樣式

React的用法

<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
<script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel">
ReactDOM.render(
	<h1>这是我的第一个React程序</h1>,
	document.getElementById(&#39;example&#39;)
);
</script>

</body>
</html>

登入後複製

效果圖：

什麼是React

#################################### ###React的優缺點#########React的優點：######（1）它提供最大的靈活性和回應能力。 ######（2）由於它是基於文件物件模型，所以它允許瀏覽器友善地以HTML，XHTML或XML格式排列文件。 ######（3）具有豐富的JavaScript函式庫######（4）具有很好的靈活的結構和可擴展性######（5）React提供了React Native平台，可透過相同的React元件模型為iOS和Android開發本機呈現的應用程式。 ######React.js的缺點：######陡峭的學習曲線：由於複雜的設定過程，屬性，功能和結構，它需要深入的知識來建立應用程式。 ###############總結:以上就是這篇文章的全部內容了，希望對大家的學習有所幫助。 ############### ###

以上是什麼是React的詳細內容。更多資訊請關注PHP中文網其他相關文章！