/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 views1 answer
Switch react router
Javascript React
0 vote147 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React
0 vote142 views1 answer
React simple typewriter
Javascript React
0 vote150 views1 answer
Trash alternate outline icon not coming to right side react
Javascript React
0 vote214 views1 answer
Coreui react change background color
Javascript React
1 vote141 views2 answers
Upload image react
Javascript React
1 vote127 views1 answer
Reconciliation in react
Javascript React
6 votes143 views3 answers
React native vector icons not working
Javascript React
0 vote138 views2 answers
Add typescript to react-native
Javascript React
0 vote137 views1 answer
./node_modules/react-chartjs-2/dist/index.modern.js Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\shadi\WebstormProjects\PI_HR_HUB\node_modules\react-chartjs-2\dist'
Javascript React