/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

6 votes277 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
0 vote285 views1 answer
Detect the city on application launch via geolocation react native
Javascript React
0 vote285 views2 answers
Hello world react
Javascript React
1 vote260 views2 answers
Change text size according to screen react native
Javascript React
-1 vote317 views2 answers
React native font based on viewport dimensions
Javascript React
0 vote309 views1 answer
React js bootstrap select option required
Javascript React
0 vote308 views1 answer
Reactstrap search bar
Javascript React
0 vote290 views1 answer
React function called last state
Javascript React
0 vote280 views1 answer
Changing map style react-leaflet
Javascript React
0 vote269 views1 answer
If statement in react native
Javascript React