反应类型。我可以从父母到子部件usestate钩子通过

Question

您好，我有parent组件是应用程序，我有3个儿童组件登录，todoform和todolist 当我试图将挂钩状态传递到登录时，我得到了这个错误 - ＆gt; login.js：26未被未来的（在承诺中）TypeError：settoken不是一个函数。我不知道为什么我的应用程序中的挂钩在子组件（登录）中不起作用（登录） 在login.js：26：1。

有一个代码

const Login = ({setIslogin,islogin,setUsername,setToken,token,username}) => {
    const [login, setLogin] = useState('');
    const [password, setPassword] = useState('');
    const [userid, setUserid] = useState()
    const navigation = useNavigate()
    


    const sign = () => {
        Axios.post('http://localhost:3001/api/login/', { login: login, password: password, islogin: islogin }).then((result) => {
            const user = result.data;
            if (user.islogin == true) {
                setUserid(user.id)
                setToken(user.token)
                window.localStorage.setItem("json token", user.token);
                setUsername(login)
                setIslogin(true)
            }
            else {
                console.log("nie udalo sie zalgoowac")
            }
        })
    }
    if (islogin === true) {
        return (
            <App  userid= {userid}  />
        )
    } else {
        return (
            <div className="App">
                <Header />
                <section class="landing-page">
                    <div class="form-container">
                        <form>
                            <h1>Login</h1>
                            <label>Login</label>
                            <input type="text" onChange={(e) => { setLogin(e.target.value) }} />
                            <label>Password</label>
                            <input type="password" onChange={(e) => { setPassword(e.target.value) }} />
                            <button type="button" onClick={sign}>Login</button>
                        </form>
                    </div>
                </section>
            </div>
        );
    }
};

export default Login;

And the App component - > 

function App() {

  const [todos, setTodos] = useState([]);
  const [input, setInput] = useState('');
  const [tasks,setTasks] = useState([]);
  const [islogin,setIslogin] = useState(false);
  const [username,setUsername] =useState('')
  const [userid, setUserid] = useState('')
  const [token, setToken] = useState('');
  const { state } = useLocation();
 
  
 

  if (islogin===false){
    return(<Login setIslogin={setIslogin} setUsername={setUsername} setToken={setToken} token={token} username={username}/>)
  }
  else{
  return (
    <div className="App">
      <header>
        <nav>
          <li><Link to="/">Home </Link> </li>
          <li><Link to="/login">Login  </Link></li>
        </nav>
        <div class="img-header">
          {/* <img src={require('./logo.png')} /> */}
        </div>

      </header>
      <section class="landing-page">
        <Form setInput={setInput}  input={input} username={username} islogin={islogin} id={userid} tasks={tasks} setTasks={setTasks} />
        <div class="list-container">

         
          <Todolist  setInput={setInput} input={input} username={username} islogin={islogin} id={userid} tasks={tasks} setTasks={setTasks} todos={todos} setTodos={setTodos}/>
        </div>
      </section>
    </div>
  );
}
}

export default App;