/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 vote158 views1 answer
React navigation tabs up in keyboard
Javascript React
0 vote155 views2 answers
React show view based on role permission
Javascript React
0 vote285 views1 answer
Canvas js in react
Javascript React
0 vote182 views1 answer
React router dom props.history is undefined
Javascript React
1 vote153 views1 answer
React check if string is mail
Javascript React
0 vote188 views1 answer
React password hashing
Javascript React
0 vote148 views1 answer
Making a react js website project ready for hosting
Javascript React
2 votes181 views2 answers
Video in react native stack overflow
Javascript React
0 vote157 views1 answer
React redux open another page
Javascript React
2 votes177 views1 answer
Remove header border react native
Javascript React