React Native中navigation.goBack()后无法重置父组件占位符状态

你的问题出在useFocusEffect里的useCallback依赖项不全，导致返回Home时回调没有正确执行。另外，可能你还需要同步重置输入框的内容（如果之前没处理的话），不然输入框里的旧内容会让你误以为占位符没更新。

具体修复步骤： #

• 补全useCallback的依赖项：把setPlcholder和searchHolder加到依赖数组里，确保回调能正确响应状态变化。
• 同步重置输入框内容：如果你的搜索输入内容存在单独的状态（比如searchText），返回时也要一起重置，避免旧内容残留。
• 修正语法错误：你代码里navigation.navigate后面多了个英文句号，这会导致语法报错，得删掉。

修改后的完整代码示例： #

export default Home = ({ navigation}) => {
  const searchHolder = "Enter search string here";
  const [plcholder, setPlcholder] = useState(searchHolder);
  // 存储输入内容的状态，用于绑定输入框
  const [searchText, setSearchText] = useState('');

  const strChg = (text) => {
    setSearchText(text);
  };

  const submitsearch = async () => {
    // ... 你的搜索逻辑
    setPlcholder(searchHolder);
    setSearchText(''); // 提交时清空输入内容
    // 移除多余的英文句号
    navigation.navigate("ListSearch", {artworks: res, title:"Search Result"});
  };

  // 修复依赖项，确保回调能正确触发
  useFocusEffect(
    React.useCallback(() => {
      setPlcholder(searchHolder);
      setSearchText(''); // 返回Home时清空输入内容
    }, [navigation, setPlcholder, searchHolder])
  );

  return (
    // ... 其他视图结构
    <View style={{flex:5}}>
      {/* 绑定value到searchText，确保输入内容能被重置 */}
      <TextInput  
        style={{fontSize: hp("3%")}} 
        placeholder={plcholder} 
        onChangeText={strChg}
        value={searchText}
      />
    </View>
  );
};

修复逻辑说明： #

• 补全依赖项后，useCallback会在依赖变化时生成新的回调函数，确保useFocusEffect在Home重新获得焦点时能正确执行状态更新。
• 给TextInput绑定value并同步重置，能彻底清除输入框的旧内容，避免和占位符状态混淆。
• 修正语法错误保证代码能正常编译运行。

内容的提问来源于stack exchange，提问作者user938363