Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将MongoDB添加到React应用程序_Javascript_Mongodb_Reactjs_Express_Mongoose - Fatal编程技术网

Javascript 将MongoDB添加到React应用程序

Javascript 将MongoDB添加到React应用程序,javascript,mongodb,reactjs,express,mongoose,Javascript,Mongodb,Reactjs,Express,Mongoose,我通过CreateReact应用程序使用ReactJS创建了一个简单的待办事项列表应用程序。 我添加的每个todo都被推送到一个名为todo的数组中,如下所示 state = { inpVal: '', todos: [], } onInputSubmit = (event) => { event.preventDefault(); //console.log('event fired'); const newTodo = {

我通过CreateReact应用程序使用ReactJS创建了一个简单的待办事项列表应用程序。 我添加的每个todo都被推送到一个名为todo的数组中,如下所示

    state = {
    inpVal: '',
    todos: [],
  }

onInputSubmit = (event) => {
    event.preventDefault();
    //console.log('event fired');
    const newTodo = {
      value: this.state.inpVal,
      completed: false
    };
    const todos = this.state.todos;
    todos.push(newTodo);
    this.setState({ todos: todos, inpVal: '' })

  }
我想将这个todos数组添加到mongoDB。关于这件事我知道的很少

尝试在谷歌上搜索,但展示了许多不同的方式。我不能把我的头绕在它周围


请建议完成此任务的方法/步骤。

React仅适用于前端。它在用户浏览器中执行。您还需要一个后端。后端将访问数据库。有很多不同的方法来创建后端,例如使用node.js和express、ASP.NET、PHP等创建api来访问数据库。客户端应用不应尝试更新数据库directly@DanielHilgarth..If我使用express为路由添加了node.js后端,还使用mongoose创建了mongodb模式,如何将每个todo任务从前端传送到后端?要将数据传送到后端,可以使用Axiose,也可以使用localStorage