我如何将数据保存到reactjs中的'x'状态？

Question

我是reactjs的新手，我正在尝试从axios promise获取数据以更新状态[playerData，setPlayerData]，但它始终在console.log中返回undefined。

const [userName, setUserName] = useState('');
const [playerData, setPlayerData] = useState();

async function handleSubmit(e) {
    e.preventDefault();

       await api.post('/user', {
       name: userName,

    }).then(response => response.data)
      .then(data => setPlayerData(data))


    console.log(playerData);
    history.push('/user');
}

我希望收到类似{name：'xxxx'，id：'xxx'，level：'x'}的响应