Soy bastante nuevo en React y después de leer algunos tutoriales, estaba probando el siguiente código mío.

Hice un componente, le pasé accesorios desde una tienda, encomponentWillMount Hago un nuevo estado para el componente. La representación está bien hasta ahora.

Luego até mistate al valor de un cuadro de entrada y tengoonChange oyente también Aún así, no puedo cambiar mis valores en el campo.

Dado que soy de fondo angular, supongo que el valor de la entrada de enlace para indicar como a continuación actualizará automáticamente la propiedadname enstate objeto. ¿Estoy equivocado aquí?

componentWillMount(){
    this.setState({
        updatable : false,
        name : this.props.name,
        status : this.props.status
    });
}

//relevant DOM from component's render function
<input className="form-control" type="text" value={this.state.name} id={'todoName' + this.props.id} onChange={this.onTodoChange.bind(this)}/>

onTodoChange(){
    console.log(this);
    //consoling 'this' here, shows old values only.
    //not sure how and even if I need to update state here.
    // Do I need to pass new state to this function from DOM
    //TODO: send new data to store
}

MionTodoChange función de consola el valor dethis que tiene el mismo valor de estado que durante la inicialización. ¿Cómo hago para cambiar el estado escribiendo en los cuadros de entrada, para poder enviarlos a las tiendas?