React native-初识React

作者: abbcea03a430 | 来源:发表于2017-04-28 17:47 被阅读3次

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

    相关文章

      网友评论

        本文标题:React native-初识React

        本文链接:https://www.haomeiwen.com/subject/insozttx.html