在useffect中使用useState

Question

我正在使用useState设置文本输入，我正在使用use效应覆盖后退按钮的行为。

const [text, setText] = useState("");

  <TextInput
    onChangeText={text => setText(text)}
    defaultValue={text}
  /> 

  const printVal() {
    console.log("text is " + text);
  }

 useEffect(() => {
    navigation.setOptions({
      headerLeft: () => (
        <HeaderBackButton onPress={() => printVal()} />
      )
    });
  });

这总是导致记录的文本成为useState的初始值。如果我不使用useEffect，它可以工作，但我不想在每次更改时都设置导航选项。我可以从useEffect中的useState获取当前值，还是需要其他解决方案？

Answer 1

您可以添加一个空数组，如果您希望您的函数在组件加载时只被调用一次，或者对于这个例子，您应该添加文本作为依赖项，因为use效应取决于这个值

 useEffect(() => {
    navigation.setOptions({
      headerLeft: () => (
        <HeaderBackButton onPress={() => printVal()} />
      )
    });
  }, [text]);  //<- empty array here