记录我的react之路 第一天

1.如何安装react

npm install -g create-react-app

create-react-app  my-app

cd my-app

npm start

需要注意的是，我卡在了 'create-react-app  my-app' 这一步  解决办法 'npm config set registry https://registry.npm.taobao.org'  'npm config get registry';

2.元素渲染

首页我们需要一个根元素 例如：<divid="root"></div>；

用JSX 的语法 例如： const element=<h1>Hello,world</h1>;

通过ReactDom.render()的方法将其渲染到页面中 列如：ReactDOM.render(element,document.getElementById('root'));

3.更新元素渲染

react的元素都是不变的对象，更新界面的办法就是创建一个新的元素，然后将它传入ReactDom.render()方法中，并且只会更新必要的部分 例如：

function tick(){

const element=(

<div>

<h1>Hello,world!</h1>

<h2>Itis{newDate().toLocaleTimeString()}.</h2>

</div>

);

ReactDOM.render(

element,

document.getElementById('root')

);

}

setInterval(tick,1000);