/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 vote239 views1 answer
React native metro api level 30
Javascript React
0 vote208 views1 answer
React native scrollview fixed header
Javascript React
0 vote247 views1 answer
Array of refs react
Javascript React
0 vote236 views1 answer
Remarkable react js
Javascript React
-2 votes210 views1 answer
Fc in react
Javascript React
0 vote198 views1 answer
Como hacer un onpress en react native expo
Javascript React
23 votes298 views2 answers
Reactjs app change port
Javascript React
0 vote209 views2 answers
How to check for enter keyPress in react native
Javascript React
0 vote232 views1 answer
Javascript ReactDOM.render
Javascript React
7 votes280 views3 answers
Install node-sass version for react
Javascript React