/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

1 vote346 views1 answer
How to change favicon dynamic in react js
Javascript React
105 votes345 views3 answers
React bootstrap do you need to import
Javascript React
0 vote373 views1 answer
Toggle function react js
Javascript React
2 votes307 views4 answers
Multiple export in react
Javascript React
0 vote300 views1 answer
Eject expo app to android and react native
Javascript React
3 votes307 views2 answers
React focus
Javascript React
0 vote319 views1 answer
Node closes once you open app react-native
Javascript React
0 vote321 views1 answer
Syntax for srcset in react
Javascript React
0 vote338 views1 answer
React native notify user for new version of app
Javascript React
0 vote323 views1 answer
Detect the city on application launch via geolocation react native
Javascript React