-
父组件通过属性的方式向子组件传递参数，子组件通过props接收父组件传递过来的参数。
子组件不能擅自修改props里的值。
查看全部 -
react中如果需要操作state中的数据，不要直接修改，应该先复制一个副本，操作副本中的数据，之后再赋值给state。
原因：1.在使用一些工具调试时会比较方便；2.后期使用一些比较复杂的框架时，直接操作的错误写法会导致代码性能低下。
查看全部 -
react中，大写字母开头的都是组件，如import App from '***'
定义一个React组件：class componentName extends React.Component {}
组件中必须要有一个render()函数来挂载组件显示的dom
查看全部 -
笔记笔记笔记
查看全部 -
使用樣式有兩種方法：
使用style行內樣式
JSX語法中，如果要加個行內樣式，必須要用{{}}包裹，最外層這個花括號表示他裡面是個 JSX表達式，而裡面的花括號表示這個表達式實際上是個JSX的對象。
要用對象的形式進行編碼：<botton style={{ background: "green" , color: "#fff" }}>Add</button>使用class樣式類
要用className這個關鍵詞，不能用class。
因為在React中Class是關鍵詞，表示定義一個React的組件
組件最外層的div可以使用 React.Fragment元素代替，在渲染時不會顯示最外層標籤。
使用結構賦值，在應用React的時候，一並引用Component, Fragment
查看全部 -
父子組件概念：父組件通過屬性的形式向子組件傳遞參數，子組件通過props的形式接受父組件傳過來的參數
查看全部 -
儘量不要直接去改變state裡面的數據，而是生成一個副本去修改，然後重新對state賦值。
在ES6中，如果key、value同名，可以省略成this.setState({list});
查看全部 -
當在input框輸入內容的時候，onChange事件會被執行。改變state裡面inputValue的值，inputValue只要一變，對應dom節點上的input的value值也會跟著變
當點擊button的時候，改變了state的list值同時改變inputValue的值，而inputValue只要一變，對應dom節點上的input的value值也一定會跟著變
查看全部 -
render函數return出去的內容只能是一個大的JSX
constructor是組件被創出的一瞬間會俾自動執行
當TodoList組件剛被創建的時候，constructor會被自動執行，super(props)做一些初始化，創建一個state的數組對象
React裡面的state數據只能使用this.setState去改變
當數據發生變化的時候，React會重新自動去執行render函數，重新去渲染頁面，所以數據一變化，頁面就跟住變化。之前的編程是自己去操作dom，而在React裡面不在是操作dom，而是面向數據編程。
React要求我們，每一項的內容返回的時候，標籤上必須要有key值，key值是唯一的，不能重複
查看全部 -
JSX語法，允許我們在React中直接去使用標籤結構的代碼結構，JSX裡面只能寫JS的表達式（用{}），不能寫JS語句。
查看全部 -
第一步： 安装 node
(Reactjs官网：https://reactjs.org/)
第二步 ：利用脚手架 创建项目 npx create-react-app todolist
第三步：进入 todolist 文件后 运行项目 npm start
查看全部 -
老师讲的很清晰，听完基本都很好理解，查看全文有图?查看全部 -
結構賦值
import React, { Componentm Fragment } from 'react';
React.Component => Component
React.Fragment => Fragment查看全部 -
組件最外層的div可以使用 React.Fragment元素代替，在渲染時不會顯示最外層標籤。
查看全部 -
引入樣式
import './style.css';查看全部
举报