https://facebook.github.io/react/ React官网
https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript React官网推荐的js教程
JSX为js的扩展,用来写react。
react环境安装
1.先安装node.js,然后就可以使用npm命令。 https://nodejs.org/zh-cn/ node.js 官网
2.npm install -g create-react-app 全局安装react环境,-g为全局的意思
3.create-react-app my-app 创建项目
4.npm start 开启项目
react知识点:
1.props是只读的,不负责用户交互的变化。例如:输入框输入文字,text文字相应改变,应用状态机变量state。
2.state是私有的,只由Component控制
3.设置state的两种写法:
3.1: this.setState({comment:'Hello'});
3.2: this.setState((prevState,props)=> ({counter:prevState.counter+props.increment}));
4.阻止链接跳转使用e.preventDefault();,而不是return false。
第二种适合所有情况
注意:
1.自定义Component,首字母必须大写,例:<Welcome />
2.Component必须返回单个根元素,所以一般用div标签包裹
网友评论