/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 vote126 views1 answer
How to reload webview in react native
Javascript React
-1 vote140 views2 answers
How to connect react to backend
Javascript React
0 vote139 views1 answer
Change candle color react highcharts
Javascript React
4 votes122 views1 answer
UseEffect with axios react
Javascript React
0 vote93 views1 answer
React testing library getBy image
Javascript React
0 vote145 views1 answer
React-scripts test single file
Javascript React
10 votes144 views3 answers
Query string in react js
Javascript React
-1 vote137 views3 answers
Instalar react native paper
Javascript React
0 vote144 views1 answer
11. Which of the following metals catch fire on reaction with air? A. Magnesium B. Manganese C. Potassium D. Calcium
Javascript React
0 vote163 views1 answer
React-native-checkbox in a loop
Javascript React