React native 在React本机应用程序上添加功能不起作用

React native 在React本机应用程序上添加功能不起作用,react-native,React Native,我正在用React Native构建一个焦点时间应用程序。 我已经添加了文本输入以及添加功能。 但是当我输入文本并点击add按钮时,文本并没有被添加到背景中。 我可以请你们大家帮忙吗。 我不太清楚我到底做错了什么。 我正在设置并捕获插入到文本字段的值 提前谢谢` const styles=StyleSheet.create({ 容器:{ 弹性:1, 填充:50, }, 标题容器:{ 弹性系数:0.5, 填充:16, 为内容辩护:“中心”, }, 正文:{ 颜色:'白色', fontWeight

我正在用React Native构建一个焦点时间应用程序。 我已经添加了文本输入以及添加功能。 但是当我输入文本并点击add按钮时,文本并没有被添加到背景中。 我可以请你们大家帮忙吗。 我不太清楚我到底做错了什么。 我正在设置并捕获插入到文本字段的值

提前谢谢`

const styles=StyleSheet.create({
容器:{
弹性:1,
填充:50,
},
标题容器:{
弹性系数:0.5,
填充:16,
为内容辩护:“中心”,
},
正文:{
颜色:'白色',
fontWeight:'粗体',
尺寸:16,
},
输入容器:{
paddingTop:20,
flexDirection:'行',
对齐项目:“居中”,
},
});
//默认应用程序
const styles=StyleSheet.create({
容器:{
弹性:1,
背景颜色:“#587596”,
},
});
import React,{useState}来自“React”;
从“react native”导入{文本、视图、样式表、平台};
从“expo常量”导入常量;
从“react native paper”导入{TextInput};
从“../../components/RoundedButton”导入{RoundedButton};
导出常量焦点=({addSubject})=>{
const[tmpItem,setTmpItem]=useState(null);
返回(
你想谈什么?
{
setTmpItem(nativeEvent.text);
}}
/>
{
addSubject(tmpItem);
}}
/>
);
};
//默认应用程序
从“React”导入React,{useState};
从“react native”导入{Text,View,StyleSheet};
从“expo常量”导入常量;
从“./src/features/Focus/Focus”导入{Focus};
导出默认函数App(){
const[focusSubject,setFocusSubject]=useState(null);
返回(
{焦点主体(
呜呜呜呜
) : (
)}
{focusSubject}
);

}
问题是由于使用了
TextInput
->
onSubmitEditing
onSubmitEditing
回调的情况不同

从文档中:

按下文本输入的提交按钮时调用的回调 使用参数{nativeEvent:{text,eventCount,target}

TextInput
字段发生更改时,添加
onChangeText
回调以更新状态
tmpItem

  <TextInput
    style={{flex: 1, marginRight: 20}}
    onChangeText={text => setTmpItem(text)}
    onSubmitEditing={({nativeEvent}) => {
      setTmpItem(nativeEvent.text);
    }}
  />
setTmpItem(文本)}
onSubmitEditing={({nativeEvent})=>{
setTmpItem(nativeEvent.text);
}}
/>
将`onSubmitEditing={({nativeEvent})=>{setTmpItem(nativeEvent.text);}}}`替换为
onChangeText={val=>setTmpItem(val)}