我正在尝试使用Axios / react发布/删除本地JSON文件中的数据。下面的代码可以获取文件内容并显示在控制台中,但是我无法将其放置/发布/删除到同一文件。它对json-server起作用的唯一方式。是否可以在不使用服务器的情况下修改本地JSON文件?
import React from 'react';
import axios from 'axios';
class Login extends React.Component{
constructor() {
super();
this.handleSubmit = this.handleSubmit.bind(this);
this.state = { username: null, password: null };
}
handleSubmit = (e)=>{
e.preventDefault();
var username=e.target.username.value;
var password=e.target.password.value;
axios.get('./data.json')
.then((res)=>{
console.log(res.data);
}).catch((err)=>{
console.log(err);
})
}
render(){
return(
<form onSubmit={this.handleSubmit}>
<input id="username" name="username" type="text" />
<input id="password" name="password" type="text" />
<button>Login!</button>
</form>
);
}
}
export default Login;