React App Axios 触发两次——没有 CORS，没有严格模式

Question

我有一个奇怪的问题，我无法解决。 我的 AJAX 通过 AXIOS 调用被调用了两次。 我已经广泛阅读，即使我发现“喜欢”的问题，我的问题也无法通过使用这些帖子上的答案来解决，要么是因为我没有使用它们所使用的方法，要么是因为我没有使用 CROSS ORIGIN。 我也没有使用严格模式。 我在这里真的不知所措！

root.render(
  //<React.StrictMode>
    <App />
  //</React.StrictMode>
);

    handleSubmit = event => {
        event.preventDefault();
        const data = {
            name: event.target.elements.name.value
        };

        axios.post(`/api/v2/users/add`, {data})
            .then(res => {
                console.log(res.data.user['name']);
            })
    };

    render() {
        return (
            <div>
                <form onSubmit={this.handleSubmit}>
                    <label>
                        Person Name:
                        <input type="text" name="name"/>
                    </label>
                    <button type="submit">Add</button>
                </form>
            </div>
        )
    }

事件触发两次。 第一次发送有效载荷。第二次接收响应。 这太奇怪了。 我已经尝试了我所知道的一切。 我尝试设置 state onChange()而不是静态设置“名称”字段： name: event.target.elements.name.value 。 这是一个基本的 30 行应用程序。我真的不知道接下来要看什么。 我错过了什么明显的东西吗？