原文:React文檔(一)安裝

React是一個靈活的可以用於各種不同項目的框架,你可以用它來寫新應用,你也可以逐步將它引進已有的代碼庫而不用重寫整個項目。 試用React 如果你想玩一玩React,那么就去CodePen上試一試。嘗試一下Hello World的React例子。不需要安裝任何東西,只是修改代碼然后查看結果。 如果你更喜歡在本地編輯,那么你也可以下載此文件,修改它,然后在本地用瀏覽器打開。但是它會做一個很慢的運行 ...

2017-02-07 17:58 0 9302 推薦指數:

查看詳情

React官方中文文檔安裝

https://reactjs.org/docs/getting-started.html //React官方文檔地址 1、入門 此頁面是React文檔和相關資源的概述。 React是一個用於構建用戶界面的JavaScript庫。在我們的主頁或教程中了解React ...

Tue Sep 03 04:11:00 CST 2019 0 343
React文檔(八)條件渲染

React中,你可以創建不同的組件各自封裝你需要的東西。之后你可以只渲染其中的一部分,這取決於應用的state(狀態)。 條件渲染在React里就和js里的條件語句一樣。使用js里的if或者條件表達式創建元素來顯示當前的狀態,然后讓React來更新UI。 看看下面兩個組件 ...

Thu Feb 16 01:40:00 CST 2017 0 4714
React文檔(九)list和key

首先,我們回顧一下在js里如何轉換數組。 給出下面的代碼,我們使用map()函數來獲取一個數組的numbers然后將值變成兩倍大。我們分配新數組由map()返回: 這段代碼在控制台輸出[2, 4, 6, 8 ,10]。 在React里,把數組轉變成一系列元素也是一樣的。 渲染 ...

Fri Feb 17 01:59:00 CST 2017 0 2172
React文檔(十)表單

HTML表單元素和 React里的其他DOM元素有些不同,因為它們會保留一些內部的狀態。舉個例子,這個普通的表單接受唯一的name值: 這個表單具有默認的表單行為,當用戶提交表單就會跳轉到新頁面。如果你想要在React里實現此行為,它自然而然就會實現。但是在大多數情況下,定義一個 ...

Sun Feb 19 21:33:00 CST 2017 0 2769
React文檔(五)組件和props

組件可以讓你將UI分割成獨立的,可復用的模塊,然后考慮將每個模塊彼此隔離。從概念上理解,組件就像js中的函數。他們接受隨意的輸入(被稱為props)然后返回React元素來描述屏幕上應該出現什么。 函數式和類式組件 定義一個組件最簡單的方法是寫一個js函數: 這個函數是一個有效 ...

Thu Feb 09 19:05:00 CST 2017 0 2237
React文檔(十六)refs和DOM

Refs 提供了一種方式,用於訪問在 render 方法中創建的 DOM 節點或 React 元素。 在標准的React數據流中,props是使得父組件和子組件之間交互的唯一方式。你通過props重新渲染子組件。然而,有些情況需要你必須在數據流之外修改一個子組件。這個子組件可以是一個 ...

Tue Feb 28 23:23:00 CST 2017 0 7413
React文檔(十二)組合vs繼承

React擁有很強大的組合模型,我們建議使用組合來替代繼承來重利用組件之間的代碼。 在本章節中,我們將討論一些開發者經常觸及繼承的問題,並且我們該如何使用組合來解決這些問題。 組合 一些組件事先不知道它們的子組件。這種問題特別對於組件類似Sidebar或者Dialog這種通用的“盒子 ...

Tue Feb 21 19:14:00 CST 2017 0 2421
React文檔(六)state和生命周期

想一下之前的章節時鍾的例子。 目前為止我們只學習了一直方式去更新UI。 我們調用ReactDOM.render()方法去改變渲染的輸出: 在CodePen中試一試。 在本章節,我 ...

Fri Feb 10 01:15:00 CST 2017 0 3083
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM