私はここで少し縛られています。コードは正しいはずですが、Chrome は 27 行目にキャッチされていない型参照があると言い続けます。
null のプロパティ 'name' を読み取ることができません。私はすでにこのコードを約 3 回調べましたが、なぜ問題が発生するのかわかりません。
別の目が見てくれることを望んでいました。
var React = require("react");
var actions = require("../actions/SchoolActions");
module.exports = React.createClass({
getInitialState: function () {
return {
name: "",
tagline: "",
};
},
addSchool: function (e) {
e.preventDefault();
actions.addSchool(this.state);
},
handleInputChange: function (e) {
e.preventDefault();
var name = e.target.name;
var state = this.state;
state[name] = e.target.value;
this.setState(state);
},
render: function () {
return (
<form className="form" onSubmit={this.addSchool}>
<div className="form-group">
<label className="control-label" htmlFor="name">
School Name:
</label>
<input
type="text"
className="form-control"
id="name"
name="name"
value={this.state.name}
onChange={this.handleInputChange}
placeholder="School Name"
/>
</div>
<div className="form-group">
<label className="control-label" htmlFor="tagline">
Tagline:
</label>
<input
type="text"
className="form-control"
id="tagline"
name="tagline"
value={this.state.address}
onChange={this.handleInputChange}
placeholder="Tagline"
/>
</div>
<div className="form-group">
<button className="btn" type="submit">
Add School
</button>
</div>
</form>
);
},
});