记录一下学习React Native时踩过的坑

200 阅读1分钟

setState的异步问题

<TextInput
    style={styles.input}
    placeholder='搜索商品'
    onChangeText={(text) => {
        this.setState({searchText: text});
        console.log('输入的内容是 ' + this.state.searchText);
    }}
/>

this.setState是异步的,像上面这样立刻使用会有问题。非要这样用的话,可以下面这样

this.state.searchText = text;

组件标签必须大写开头

import React, {Component} from 'react';
import Home from './home';

export default class main extends Component {
    render() {
        return (
            <Home navigator={this.props.navigator}/>
        );
    }
}

其实类名就是home,但直接使用就报错,抱着试试看的想法改成Home,好了……