无法获得201状态的发布请求

时间:2020-02-24 14:33:36

标签: reactjs

下面的代码正在从我的API中获取数据。同时,当我单击find button时,我应该在控制台中得到响应状态201,但我没有得到它,并且在每个帖子请求中,用户列表始终相同。这是我提取的问题吗?

import React, {useEffect, useState} from 'react';

const Data = () => {
    const [state, setState] = useState([]);
    const [firstname, changeFirstname] = useState('');
    const [lastname, changeLastname] = useState('');
    useEffect(() => {
        async function getData() {
            const response = await fetch('http://localhost:8010/proxy');
            const myJson = await response.json();
            console.log(myJson);
            setState(myJson)
        }
        getData();
    }, []);

    function changeFirstName(e) {
        changeFirstname(e.target.value)
    }

    function changeLastName(e) {
        changeLastname(e.target.value)
    }

    function saveVal() {
        console.log(firstname + " " + lastname);
        fetch('http://localhost:8010/proxy', {
            method: "POST",
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            }, body: JSON.stringify({
                firstName: firstname, lastName: lastname
            })
        }).then(response => response).then(data => console.log(data))
    }



    return (
        <div>
            <div className="fetch">
                <ul>
                    {state.map(i => <li>{i.firstName + i.lastName}</li>)}
                </ul>
                <input onChange={changeFirstName} type="text" placeholder='add your name'/>
                <input onChange={changeLastName} type="text" placeholder='add your last-name'/>
                <button onClick={saveVal}>find</button>
            </div>
        </div>
    );
}

export default Data;

enter image description here

0 个答案:

没有答案