记录我的react之路 第一天
来源:互联网 发布:亚像素边缘提取算法 编辑:程序博客网 时间:2024/05/21 10:58
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 的语法 例如: constelement=<h1>Hello,world</h1>;
通过ReactDom.render()的方法将其渲染到页面中 列如:ReactDOM.render(element,document.getElementById('root'));
3.更新元素渲染
react的元素都是不变的对象,更新界面的办法就是创建一个新的元素,然后将它传入ReactDom.render()方法中,并且只会更新必要的部分 例如:
functiontick(){
constelement=(
<div>
<h1>Hello,world!</h1>
<h2>Itis{newDate().toLocaleTimeString()}.</h2>
</div>
);
ReactDOM.render(
);element,
document.getElementById('root')
}
setInterval(tick,1000);
阅读全文
0 0
- 记录我的react之路 第一天
- 记录我一天的debug之路
- 创业之路-我的第一天
- 我的编程之路,第一天。
- 记录我的ubuntu的第一天
- 第一天,记录我的csdn
- 今天算是开博的第一天,希望能记录我菜鸟的成长之路吧
- 今天第一天开通微博 来记录我的web前端学习之旅
- 我的卓越英语之路-第一天
- CSDN 我的真正第一天算法之路
- 我的caffe学习之路<第一天>
- 第一天的记录
- 【记录】我在浙江省机器人大赛的第一天
- 我的第一天
- 我的第一天
- 我的第一天
- 我的第一天
- 我的第一天
- 北大半年巨变:由被动变主动
- Python 使用递归函数实现汉诺塔
- 浅谈"指向二维数组的指针"
- computer applications
- ViewGroup事件分发机制
- 记录我的react之路 第一天
- x86-32汇编语言基础汇总
- iOS学习笔记-108.多线程07——CGD栅栏函数、延时、一次性代码
- STM32串口配置的一种方法
- oracl普通表转换成分区表(使用id作为间隔分区)
- react-native报错[NSTaggedPointerString unsignedIntValue]: unrecognized selector sent to instance的解决办法
- ORA-32004: obsolete or deprecated parameter(s) specified for RDBMS instance
- iOS学习笔记-109.多线程08——CGD快速迭代
- Centos7安装Nginx