/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 vote193 views2 answers
React native get timezone
Javascript React
9 votes210 views6 answers
How to check react version
Javascript React
1 vote348 views1 answer
Reactjs cdn file
Javascript React
0 vote217 views5 answers
React buttons npm
Javascript React
0 vote243 views1 answer
String contains in react
Javascript React
9 votes176 views4 answers
Firebase' is not defined no-undef react
Javascript React
0 vote240 views1 answer
React native run android common error
Javascript React
16 votes231 views1 answer
React native loop in render
Javascript React
0 vote227 views1 answer
React document documentMode not found
Javascript React
1 vote252 views1 answer
Set Custom User Agent react
Javascript React