怎么更改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>