/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

2 votes344 views2 answers
How to add multiple classes to a ReactJS Component
Javascript React
0 vote370 views1 answer
Unable to resolve "@react-native-community/masked-view" from
Javascript React
0 vote360 views2 answers
Quokka create-react-app sample
Javascript React
5 votes310 views2 answers
Add object in array state react
Javascript React
0 vote366 views1 answer
How to use rgba in react native
Javascript React
0 vote440 views1 answer
How set default value for react-select
Javascript React
0 vote355 views1 answer
React native update helper
Javascript React
12 votes358 views3 answers
Get value of input react
Javascript React
0 vote362 views1 answer
How to set max length of input in react js
Javascript React
-2 votes333 views2 answers
Showdown react
Javascript React