React Native学习笔记

React native-初识React

2017-04-28  本文已影响3人  abbcea03a430

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标签包裹

上一篇 下一篇

猜你喜欢

热点阅读