为什么状态更新时React Native TextInput不会更改值？

Question

我只需要在TextInput中显示用户输入的第一个符号。这非常简单，令我困惑的是为什么这么简单的代码无法正常工作？

export default class App extends React.Component {

    constructor (props) {

        super(props);

        this.state = {

            text: '',
        };

        this.handleChangeText = this.handleChangeText.bind(this);
    }

    handleChangeText (text) {

        text = text.charAt(0);

        this.setState({
            text: text.toString(),
        });
    }

    render() {
        return (<View style={styles.container}>
            <TextInput style={{width: 100, borderWidth: 1, borderColor: '#000',}} value={this.state.text} onChangeText={this.handleChangeText}/>
        </View>);
    }
}