/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 vote178 views2 answers
Capitalize each word from string in react
Javascript React
1 vote188 views1 answer
Webpack-bundle-analyzer react
Javascript React
0 vote171 views1 answer
Display image from local JSON / JS Object using React
Javascript React
0 vote211 views1 answer
Onpress react native datepicker stackver flow
Javascript React
5 votes194 views4 answers
How to use useref hook in react
Javascript React
5 votes202 views3 answers
React routes multiple compoenents
Javascript React
0 vote211 views1 answer
React native get route name
Javascript React
0 vote151 views1 answer
Open xcode shorthand react native
Javascript React
0 vote211 views1 answer
Double click react
Javascript React
0 vote233 views1 answer
React-drag-drop-files open twice
Javascript React