/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 vote106 views1 answer
React native bottom bar curved
Javascript React
2 votes104 views1 answer
What is virtual dom in react
Javascript React
0 vote142 views1 answer
How to align text vertically center beside an image in react native
Javascript React
0 vote107 views2 answers
How to give data from react native to webview
Javascript React
0 vote111 views1 answer
Upload file react onclick
Javascript React
1 vote53 views1 answer
Add class to react children
Javascript React
1 vote107 views2 answers
Expo create react native app
Javascript React
0 vote50 views1 answer
React native bootstrap
Javascript React
0 vote104 views1 answer
Start withnreact
Javascript React
0 vote105 views1 answer
Horizontal scrollview in react js
Javascript React