javascript - onChange 不起作用，但已记录在控制台中

Question

对于输入情况，我无法删除和/或添加任何字符。我看到单选按钮的值在 console.log 中发生了变化，但在视觉上没有变化。我不确定为什么会这样。

handleChange: function(e) {
        switch (e.target.name) {
        case 'name':
            this.setState({newName: e.target.value}); break;
        case 'type':
            this.setState({newType: e.target.value}); break;
}

nameFormatter: function(id, name) {
        return (this.state.editEnabled && this.state.editId === id) ?
            <input type="text"
                value={name}
                name="name"
                maxLength="50"
                onChange={this.handleChange} /> : name;
    },

    typeFormatter: function(id, type) {
        type = type === 'blacklist' ? 'Blacklist' : 'Whitelist';
        return (this.state.editEnabled && this.state.editId === id) ?
            <div>
                <div><input type="radio"
                    name="ipsetType"
                    value="blacklist"
                    checked={type === 'Blacklist'}
                    onChange={this.handleChange} />&nbsp;Blacklist</div>
                <div><input
                    type="radio"
                    name="type"
                    value="whitelist"
                    checked={type === 'Whitelist'}
                    onChange={this.handleChange} />&nbsp;Whitelist</div>
            </div> : type;
    },

Answer 1

那是因为您的 handleChange 设置了 newName 和 newType 的状态，而您需要为 name 和 type 设置状态>

handleChange: function(e) {
        switch (e.target.name) {
        case 'name':
            this.setState({name: e.target.value}); break;
        case 'type':
            this.setState({type: e.target.value}); break;
}