ReactNative入门

OS X下安装：

• brew install node
• npm install -g react-native-cli
• 新建一个工程：react-native init MyFirstApp
• 运行：react-native run-android 或 react-native run-android

从React到React-Native

• RN是基于React，React希望将功能分解化，让开发变得像搭积木一样，快速而且易维护
• React有如下3个特点：
  • 作为UI（just the ui）
  • 虚拟DOM（virtual dom），这是react的一个重要特性，放进内存，最小更新的视图，差异部分更新，diff算法
  • 数据流（Data flow）单向数据流
• 学习React-native需要掌握那些知识？
  • JSX语法（类似于XML）
  • ES6相关知识
  • 前端基础（css+div,js）

ReactNative props

1、什么是props？

• 属性，用来描述组件的特征。是父组件传递给子组件的
• 引用子组件时可以自定义属性名，比如：
• 在MyComponment中拿到这个属性值：{this.props.name}
• 可以在MyComponment中设置默认值：static defaultProps={ name:’小红’ }
• 可以在MyComponment中设某一属性的类型：static propTypes={ name:PropType.string }
• 设置某一属性是必须的：sex:PropTypes.number.isRequired
• 延展操作符：

render() {
    var params={name:’小明’,age:18,sex:1};
        return (
            <View>
                <MyComponment {…params}
                />
            </View>
        );
    }

2、如何使用props？

3、什么是默认属性以及它的作用？

4、如何对props进行约束和检查？

5、props使用小技巧之延展操作符？

6、props使用小技巧之解构赋值？

React Native state

1、什么是state？

2、如何使用state？

React Native ref

1、什么是ref？

• ref是组件的一种特殊属性，可以理解为组件被渲染后指向组件的引用，可以通过ref属性来获取真实的组件

2、如何使用ref？

赏

感谢支持

支付宝

微信