0

私はここで少し縛られています。コードは正しいはずですが、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>
        );
    },
});

4

0 に答える 0