javascript - 他の関数で定義されていない関数内の変数セット

Question

私はreact.jsで作業しており、次のコードがあります。

function App() {
  let Submitable;
  const [values, setValues] = useState([])

 //...



  onTicket.save = () => {
    console.log(Submitable) // logs undefiened
    if (Submitable) {
      return true
    } else {
      return `Please fill out the following fields before submitting:${values.map(el => ` ${el.name}`)}`
    }
  })

  useEffect(() => {
    if (values.length === 0) {
      Submitable = true
      //enableSave
    } else {
      Submitable = false
      //disableSave
    }
  }, [values])

  return (
    <>
      ///jsx code block
    </>
  );
}

export default App;

私は、useEffect 関数で Submitable を true または false に設定すると、値が他の関数に渡されると思いますが、呼び出されると、Submitable は未定義のログを記録します。また、Submitable をパラメーターとして渡そうとすると、未定義のログも記録されます。