Mongodb React POST请求输入值错误

因此，我尝试添加一个新帖子，我得到：

“警告：组件正在更改文本类型的非受控输入 受控。输入元件不应从非受控状态切换 受控（或反之亦然）。决定使用受控或 部件寿命期内的非受控输入元件。”

…显示“this.state.title”时出错

附言：我正在使用nodejs、mongodb和react

e.preventDefault();

  const newPost = {

  title: this.state.title,
  typeOfProduction: this.state.typeOfProduction
  };

这是我的密码：

 import React, { Component } from 'react';
 import './NewPost.css';


 class NewPost extends Component {
state = {
    posts:{
        title: '',
        typeOfProduction: ''
    }   
}

postDataHandler(e) {
    e.preventDefault();
    const newPost = {
      title: this.state.title,
      typeOfProduction: this.state.typeOfProduction
    };
    fetch('/projects', {
      method: 'POST',
      body: JSON.stringify(newPost),
      headers: {
        'Content-Type': 'application/json'
      }
    }).then(console.log);

}
render(){

return(
        <div className="Dashboard container-fluid">
        <div className="NewPost">
            <h1>Add a Post</h1>
            <label>Title</label>
            <input type="text" value={this.state.title} name="title" ref="title" onChange={(event) => this.setState({title: event.target.value})} />
            <label>Type of Production</label>
            <select value={this.state.typeOfProduction} name="typeOfProduction" ref="typeOfProduction" onChange={(event) => this.setState({typeOfProduction: event.target.value})}>
                <option value="Fiction">Fiction</option>
                <option value="Tv">TV</option>
                <option value="Tv">Documentary</option>
            </select>

            <button type="submit" onClick={this.postDataHandler}>Add Post</button>
        </div>
    </div>
 );
}
}


export default NewPost;

import React，{Component}来自'React'；
导入“/NewPost.css”；
类NewPost扩展组件{
状态={
职位：{
标题：“”，
生产类型：“”
}   
}
postDataHandler（e）{
e、 预防默认值（）；
常数newPost={
标题：this.state.title，
生产类型：this.state.typeOfProduction
};
获取（“/projects”{
方法：“POST”，
正文：JSON.stringify（newPost），
标题：{
“内容类型”：“应用程序/json”
}
}).然后（console.log）；
}
render（）{
返回(
添加帖子
标题
this.setState（{title:event.target.value}）}/>
生产类型
this.setState（{typeOfProduction:event.target.value}）}>
小说
电视
纪录片
添加帖子
);
}
}
导出默认NewPost；

像这样初始化状态，删除

帖子

state = {
     title: '',
    typeOfProduction: ''
}

---

像这样初始化状态，删除

posts

state = {
     title: '',
    typeOfProduction: ''
}

---

错误是什么？@三思而后行我说过了”“警告：一个组件正在将文本类型的非受控输入更改为受控。输入元件不应从非受控切换到受控（反之亦然）。决定在组件的生命周期中使用受控或非受控输入元素。“在const newPost={title:this.state.title….上，错误是“this.state.title”错误是什么？@我在那里说了三思”“警告：组件正在更改要控制的文本类型的非受控输入。输入元素不应从非受控切换到受控（反之亦然）。请在组件的生存期内决定使用受控或非受控输入元素。”在const newPost={title:this.state.title….上，错误为”this.state.title“有效，谢谢！我没有收到“警告”错误，但它仍然表示我的“title:this.state.title”->this.state.title未定义”无法读取未定义的属性“state”从那里调用函数

onChange

event update state。你不应该在rendercheck中更新state->这是有效的，谢谢！我没有收到“警告”错误，但它仍然说我的“title:this.state.title”->this.state.title未定义“无法读取未定义的属性'state'”从那里调用函数

onChange

事件更新状态。您不应该在rendercheck中更新状态有关如何更新状态->