2017-03-07 28 views
0

私はangularjsの背景から2ウェイバインディングを使用しました。私はあまり心配する必要はなく、単に送信機能を宣言するだけで、変更または変更されない値を取得できます。反応型を変更しても入力値は編集できません

私は今反応が遅れています。私の入力は編集できません。次に何をすべきか。また

class HelloWorldComponent extends React.Component { 

    constructor(){ 
    super(); 

    this.handleChange = this.handleChange.bind(this) 
    } 

    render() { 
    const person = {"name":"james"}; 
    return (  
     <input onChange={this.handleChange} type="text" placeholder="name" value={person.name} />  
    ); 
    } 

    handleChange(e){ 

    } 
} 

React.render(
    <HelloWorldComponent />, document.getElementById('react_example') 
); 

http://jsbin.com/huluqifanu/1/edit?js,console,output

?私は最初に状態にAPIデータを設定する必要がありますか?

答えて

1

Controlled Componentsを使用しない場合は、Uncontrolled Componentsを使用できます。

具体的には、お客様のinputvalueの代わりにdefaultValue小道具を使用することができます。

あなたの2番目の質問については、あなたが何を求めているのか、別のQで尋ねるほうがよいかを明確にする必要があります。

関連する問題