如何解决React Native 中的状态不更新
我无法在 React Native 中更新 useState 编码中的状态。 组件样式为 TextInput。 我做错了什么,状态没有看到来自 SearchField 的文本输入?
export const TabOnescreen: FC<IProps> = ({ navigation }) => {
const [userName,setUserName] = useState("jan");
useEffect(() => {
fetch(`https://api.github.com/users/${userName}`)
.then((response) => response.json())
.then((json) => console.log(json));
},[userName]);
const handleUserName = (value: string) => {
setUserName(value);
};
return (
<StyledContainer>
<SearchField onChangeText={(value: string) => handleUserName(value)} />
<Text>{userName}</Text>
<DetailsField backgroundColor={colors.whiteColor} />
<Button
color={colors.buttonBackground}
title="Show more"
onPress={() => {
navigation.navigate("DetailsScreen");
}}
/>
</StyledContainer>
);
};
解决方法
您需要将 userName 的值赋予 SearchField:
<SearchField value={userName} onChangeText={(value: string) => handleUserName(value)} />
如果没有设置属性值,您的事件将包含正确的新值
,不幸的是,有些事情还是不行。我已经添加了 value={userName} 但它看起来是这样的。 感谢您的反馈。
在此处输入图片说明
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。