useState默认情况下，只做一件事，只做一件事，设置新状态并导致函数重新呈现。它本质上是异步的，因此默认情况下，通常在它运行之后运行的方法。
从您的示例中，在页面的全新加载中，键入’s’导致useState更改状态，但是由于它是异步的，因此
console.log将使用旧的状态值来调用，即
undefined（因为您未设置值。如果需要，应考虑设置初始状态）
const [weather, setWeather] = useState(''); // Set the intial state真正读取状态值的唯一方法是使用
useEffect，当重新呈现组件时会调用。您的方法变成：
import React, { useEffect, useState } from 'react';import ReactDOM from 'react-dom';function Weather() { const [weather, setWeather] = useState(''); useEffect(() => console.log(weather), [weather]); const changevalue = event => setWeather(event.target.value); return <input value={weather} onChange={changevalue} />;}const rootElement = document.getElementById('root');ReactDOM.render(<Weather />, rootElement);
