In one component I have:
const [dirty, setDirty] = React.useState(false);
<AddItemForm addItem={addItem} setAddItem={setAddItem} dirty={dirty} />
In another component I have:
const AddItemForm = ({ setAddItem, addItem, dirty }) => {
I am trying to update dirty (when the form is changed) via:
<form id="component-form" onSubmit={onSubmit} onChange={setDirty(true)}>
So I can use this changed state in my other component – but how do you change the state as when I use setDirty it isn’t available.
1
Try this.
<form id="component-form" onSubmit={onSubmit} onChange={()=>setDirty(true)}>
1