/Javascript/React/Clear form inside modal after close reactjs

Clear form inside modal after close reactjs

If the data from the inputs is in your component you can try something like this : In closeModal you can set the initial state of the component


const initialState = { name: null, inStock: null, price: null, type:null }

closeModal = () => {
        this.setState({ 
         ...initialState,
         modalIsOpen: false 
        });
    }
But if the stat of the inputs is coming from the Parent you need a new method to reset the data of the parent component that cpuld be added as a callback in the same method.

const initialState = { name: null, inStock: null, price: null, type:null }

closeModal = () => {
        this.setState({ 
         modalIsOpen: false 
        }, () => {
        this.props.resetInputData();
      });
    }

Similar codes

0 vote234 views2 answers
React materialize cdn
Javascript React
6 votes366 views3 answers
Multiple path names for a same component in react router
Javascript React
8 votes217 views3 answers
React latest version
Javascript React
0 vote252 views1 answer
ScrollspyNav react
Javascript React
1 vote259 views1 answer
Two proptypes in react
Javascript React
5 votes226 views1 answer
Create react app deployment heroku
Javascript React
0 vote271 views1 answer
React native calender date picker
Javascript React
0 vote217 views1 answer
Showing a custom toast function for react-toastify - Toast show
Javascript React
0 vote259 views3 answers
React lifecycle hooks
Javascript React
108 votes280 views1 answer
How to start react app in windows
Javascript React