React入門小記

1、建立react項目

1.安裝node npm、並檢驗是否安裝成功（node -v、npm -v）

2.npx create-react-app small-app(建立react項目工程)

cd small-app

npm run start

2、render函數

每一個組件必須返回一個render函數，這個 render 方法必需要返回一個 JSX 元素。 必需要用一個外層的 JSX 元素把全部內容包裹起來,返回並列多個 JSX 元素是不合法的.

3、事件方法

handClickAction(參數){具體實現過程}
複製代碼

4、map遍歷數組

要實現以下圖功能：

React是操做數據的、不須要關心DOM結構，只須要循環遍歷數組、返回標籤便可。

const list = []
list.map((item,index)=>{
    return(<Li key={index}>{item}</Li>)
})

複製代碼

5、css樣式寫法

1.本文件中
<input style={inputStyle}></input>
const  inputStyle =
{
    marginLeft:'15px',
    marginTop:'10px',
    width:'200px',
    height:'30px',
}

2.css文件中
.MyStyle{
  text-align: left;
  font-size: 18px;
  color: red;
  background-color: lightgoldenrodyellow;
}
採用<input className='Mystyle'></input>

複製代碼