/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

2 votes148 views5 answers
React native debugger
Javascript React
0 vote136 views2 answers
React toggle boolean state
Javascript React
0 vote160 views1 answer
React scrip for deplot heroku
Javascript React
1 vote214 views5 answers
Import { useBeforeunload } from 'react-beforeunload
Javascript React
0 vote189 views1 answer
React Readonly fractional rating
Javascript React
2 votes153 views1 answer
All react navigation packages
Javascript React
0 vote143 views1 answer
./node_modules/react-chartjs-2/dist/index.modern.js Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\shadi\WebstormProjects\PI_HR_HUB\node_modules\react-chartjs-2\dist'
Javascript React
0 vote154 views1 answer
React state deconstructed
Javascript React
0 vote158 views1 answer
Making font weight bold by passing value in React.js
Javascript React
0 vote162 views1 answer
Textinput multiline start from top react native
Javascript React