axiosでgetしたjsonをsteteにセットしたい

Question

axiosで取得したusersのuserのidをsteteにsetしたいです。
以下で取得できない状況ですので、ご教示頂ければ幸いです。

    constructor() {
        super();
        this.state = {
            users: [],
            userId:''}
   }

        axios
            .get('api/user?api_token=' + Laravel.apiToken)
            .then((res) => {
                this.setState({
                    users: res.data
                });
            })
            .catch(error => {
                console.log(error)
            })

        this.state.users.map((user) => { this.setState({ userId: user.id }) });
        console.log(this.state.userId);

Comments

[hatsu]

this.state.users.map((user) => { this.setState({ userId: user.id }) });
だとusersの数だけuserIdを更新し、usersの最後をuserIdに入れようとしてますが、やりたいことはあっていますでしょうか？
this.setState({ userId: res.data.last.id }); でもusersの最後のUserのIDをuserIdにセット可能そうです。

[n000n00]

ご回答ありがとうございます。
やりたい事としては、ログインユーザーのIDをstateにセットしたいです。
mapを利用しないと操作(？)できないと勘違いしていました。

例えば、resで this.setState({userId: res.data.id}); で取得できるんでしょうか？

[hatsu]

res.dataの中身は僕はわからないので、console.logなどやdebuggerなどで確認しながら必要な値を確認するといいと思います。
例えばconsole.log(res.data)として、開発者モードでconsoleを確認するとres.dataの中身が分かります。

[n000n00]

ありがとうございます。
resで this.setState({userId: res.data.id});　で取得できました。
お手数おかけしました。取得するときは、res.data.プロパティ名(?) でよかったんですね。

Answer 1

質問していく中で回答がわかったので、記述します。
console.logで確認するとセットしたい値が、 res.data.idであったことから、

this.setState({userId: res.data.id});

でログインユーザーのIDをセットが実現。

Comments

[n000n00]

助けて頂きありがとうございます。
早期解決ができました。