input 输入框需求:
用户操作输入框时获取操作后的值。
import React, { Component } from 'react';
import { TextInput } from 'react-native';
export default class InviteScreen extends Component {
constructor(props) {
super(props);
this.state = {
payMoneyValue: '', // 支付金额
};
}
payMoneyChange = (e) => {
this.setState({ payMoneyValue: e.target.value }, () => console.log(this.state.payMoneyValue));
};
render() {
return (
<div>
<input type="text" placeholder="请输入支付金额" value={this.state.payMoneyValue} onChange={(e) => this.payMoneyChange(e)} />
</div>
)
};
}
注意:setState是异步操作,不能马上拿到state的值,可以去回调中拿。