reactjs - 获取用户输入总是返回“未定义”
问题描述
我有一些文本字段,我正在尝试将用户键入的任何内容打印到控制台,代码如下:
export default function CreateOrderPage() {
const [state, setState] = useState ({
companyName: '',
beginDate: ''
})
return (
{/* Some code */}
<TextInput style = {styles.inputText}
placeholder = {'Company name'}
placeholderTextColor = {'#B2B2B2'}
onChangeText = {text => setState(text)}
value = {state.companyName}
/>
<TextInput style = {styles.inputText}
placeholder = {'Order placed date'}
placeholderTextColor = {'#B2B2B2'}
onChangeText = {text => setState(text)}
value = {state.beginDate}
/>
<TouchableOpacity style = {styles.saveButton} onPress = {() => {
console.log(state.companyName, state.beginDate);
}}>
<Text style = {styles.saveButtonText}>Save</Text>
</TouchableOpacity>
)
}
出于某种原因,它总是打印出“未定义未定义”,我从教程中复制了完全相同的内容并对其进行了一些更改,我什至尝试了 StackOverFlow 中给出的解决方案,但对我没有任何帮助,感谢您的反馈!
PS:我是 React Native 的新手,如果我没有使用正确的术语,我深表歉意。
解决方案
状态看起来是这样的
const [name, setName] = useState ('')
const [date, setDate] = useState ('')
功能看起来像这样
const onChangeText = e => setName(e.target.value)
const onChangeDate = e => setDate(e.target.value)
输入看起来像这样
<TextInput style = {styles.inputText}
onChange={onChangeText }
value = {text}
/>
<TextInput style = {styles.inputText}
onChange={onChangeDate }
value = {date}
/>
推荐阅读
- python - Sympy - 将等价表达式与等号 (=) 进行比较
- python - 使用值的出现计数在熊猫中创建数据透视表
- reactjs - Azure AD B2C 未获得访问令牌
- github - 错误:GitHub init 的目录必须为空
- java - 向 Recyclerview 添加或删除项目会出现错误“指定的孩子已经有父母”。
- r - 将图例添加到 ggplot 对象
- javascript - 单元测试在 Webstorm 中通过但在终端中失败 - 文件系统模块
- vba - VBA - 查找单元格在列中出现的次数,然后打印单元格及其计数
- javascript - Javascript:避免在涉及大量循环的代码中使用全局变量
- ionic3 - 在 Ionic 中从模式页面导航到主页的问题