/Javascript/React/React clear input after button click

React clear input after button click

<script type="text/babel">
    var StateComponent = React.createClass({
        resetName : function(event){
            this.setState({
                name : ''
            });
        },
        render : function(){
            return (
                <div>
                    <input type="text" value= {this.state.name}/>
                    <button onClick={this.resetName}>Reset</button>
                </div>
            )
        }
    });
    ReactDOM.render(<StateComponent/>, document.getElementById('app'));
</script>

Source: stackoverflow.com

Similar codes

32 votes278 views6 answers
Usestate react
Javascript React
1 vote326 views1 answer
"react native" component dynamic children props
Javascript React
1 vote342 views1 answer
React native textinput not show cursor
Javascript React
0 vote320 views1 answer
HandleClickoutside custom hook react
Javascript React
0 vote248 views1 answer
React native rebuild
Javascript React
1 vote314 views1 answer
React native slow performance after load iamges
Javascript React
0 vote341 views1 answer
React native text area form
Javascript React
0 vote315 views1 answer
Module not found: Can't resolve 'react-chartjs-2'
Javascript React
20 votes294 views2 answers
React localstorage
Javascript React
1 vote304 views1 answer
Forcechange input reactiveform
Javascript React