自我總結的react文件的通常的寫的順序:
先寫action,再寫component,再寫reducer,再去寫入口文件index.其中,component中的connect方法能夠暫時先不寫,reduce寫好了 import進來再寫也行的。react
component的js中有export default一個組件,那麼確定在其餘js文件中有import這個組件;兩者都是相互存在的。
項目目錄中的index.js實際上是一個入口文件,它包含了其餘全部組件的js文件。
const name = "jsx";
<p>hello {name || 'world'}</p> 表示 若是name有值的話,就走name,反之,就走「world」
<p hello {name && 'world'} //表示的是若是常量name是空(假),就走name.若是常量name是有值的話,就走字符串「world」
</p>
react的寫法中用的return比較的多,有的地方是本身的數據須要return,可是有的地方的return就是react自己的寫法.那麼,定義組件的時候,有個render方法,render方法內部須要
一個return方法。而渲染組件ReactDOM.render()只是一個調用而已,內部須要參數。es6
箭頭函數:
es6的新寫法;
省略掉函數名,省略掉花括號,直接寫()=>函數體;
有參數的寫法:state =>函數體;參數 =>函數體;函數
import counter from/reduceers/index; 從另一個文件夾引入數據,其實默認是從數據所在的文件夾的index文件中引入的。component
能夠籠統的說,從reducer中取得數據,都要加上state前綴。好比:state.counter;jsx