/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 vote355 views1 answer
Docker react module not found
Javascript React
0 vote367 views1 answer
Add clickable link to image in react native
Javascript React
0 vote363 views1 answer
V4 history for react action or api calls
Javascript React
0 vote369 views1 answer
Make custom draggable in react
Javascript React
0 vote350 views1 answer
./src/components/Header/HeaderElements.js [1] Module not found: Can't resolve 'react-icons/fa' in '/Users/rubenmatamoros/Desktop/ucf-coding-bootcamp-2020/fitter/client/src/components/Header'
Javascript React
1 vote350 views1 answer
Have flat list automatically wrap react native
Javascript React
0 vote368 views1 answer
React-drag-drop-files open twice
Javascript React
59 votes313 views3 answers
Npm react router dom
Javascript React
0 vote465 views1 answer
How to set the id attr to a var in reactjs
Javascript React
0 vote368 views1 answer
Url in listitem react
Javascript React