怎么更改react中的input框的值

Question

<div id="container"></div><script type="text/jsx"> var Test=React.createClass({   handleClick:function(){         },  render:function(){    return (    <div>        <button onClick={this.handleClick}>         click me to see count:{this.state.count}         </button>         <input  defaultValue="ttt"/>         </div>    );  }, }); ReactDOM.render(    <Test />,    document.getElementById("container") )</script>在不适用ref属性的前提下，怎么通过onClick方法更改input的值。

Answer 1

将输入框的值同步到state中就可以了

<div id="container">

</div>

<script type="text/jsx">

 var Test=React.createClass({

 getInitialState:function() {

        return {

            count:''

        };

    },

   handleClick:function(){

      console.log(this.state.count)

   },

  render:function(){

    return (

    <div>

        <button onClick={this.handleClick}>

         click me to see count:{this.state.count}

         </button>

         <input  defaultValue="ttt" value={this.state.count}/>

         </div>

    );

  },

 });

 ReactDOM.render(

    <Test />,

    document.getElementById("container")

 )

</script>