react-native的props和state的使用

最新推荐文章于 2020-03-08 11:26:59 发布

原创最新推荐文章于 2020-03-08 11:26:59 发布 · 257 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react-native

react-native 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了React Native中Props和State的基本用法，包括如何通过Props传递数据、设置默认Props值以及如何初始化和更新State。此外，还展示了如何在组件内部获取Props和State的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

react-native的props使用

props

    // 使用props传值
    <View style={{marginTop: 20}}>
         <CommonCell title="扫一扫"/>
    </View>
    // 在组件中设置默认props值
    static defaultProps = {
        title: '',  // 标题
        isOn: false,  // 是否展示开关
    };
    // 获取到props值
    this.props.title

state

    // 在构造方法中初始化
    constructor(props) {
        super(props);

        // 设置state的值
        this.state = {
            isOn: false,
        };
    }
    // 获取state值
    this.state.isOn
    设置state的值
    this.setState({
        isOn: true
        }
    )};