React Navigation - setOptions() headerRight 回调中的访问状态

我凌驾于一切之上反应导航 https://reactnavigation.org, headerRight内部带有自定义按钮的选项React.useEffect。 当按下按钮时，我需要访问状态name但我得到的值不是当前的值。

const [name, setName] = React.useState('')

React.useEffect(() => {
  navigation.setOptions({
    headerRight: function HB() {
          return (
            <HeaderBtn onPress={submit}>
              Submit
            </HeaderBtn>
          )
        }
      : null,
  })
}, [])

function submit() {
  console.log(name) // ''
  // It always returns an empty string, instead of the
  // most recent name setted by TextInput.
  // How can I access the current name?
}

return (
  <TextInput
    nativeID="inputNameLabel"
    onChangeText={setName}
  />
)

有什么办法可以访问当前的name无需打电话setOptions()在每次重新渲染时？ （又名添加name to the .useEffect数组依赖）