/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

1 vote223 views1 answer
Change icon color react native elements
Javascript React
1 vote208 views2 answers
How to get window size in react js
Javascript React
0 vote215 views2 answers
Write data in props.histroy.push in react component
Javascript React
0 vote203 views2 answers
How to add fcc cdn to local react projcet
Javascript React
113 votes267 views4 answers
New create react app
Javascript React
0 vote240 views1 answer
How to use radio buttons in react class-based components
Javascript React
1 vote196 views1 answer
React navigation asyncstorage install
Javascript React
0 vote196 views1 answer
React Native - Trigger Media Scanner
Javascript React
0 vote197 views1 answer
How to style navigation drawer react navigation v5
Javascript React
0 vote219 views3 answers
Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
Javascript React