Nie moge nic wpisać do inputów
const [product, setProduct] = useState({
campaignName: "",
keywords: "",
bigAmount: "",
campaignFound: "",
onOff: false,
town: "",
Radius: "",
});
const [option, setOption] = useState(false);
const contractors = () => {
setOption(!option);
};
const Submit = () => {
// onProductAdd(product);
setProduct(
(product) =>
(product = {
campaignName: "",
keywords: "",
bigAmount: "",
campaignFound: "",
onOff: false,
town: "",
Radius: "",
})
);
setOption(option);
};
const inputChange = ({ target }) => {
const inputId = target.dataset.inputId;
setProduct((product) => ({
...product,
[inputId]: target.value,
}));
};
form
<form className="main--form" onSubmit={Submit}>
<input className="form--input" placeholder="Campaign Name" onChange={inputChange} value={product.campaignName} data-identity="campaignName" required></input>
<input className="form--input" placeholder="Keywords" onChange={inputChange} value={product.keywords} data-identity="keywords" required></input>
<input className="form--input" placeholder="Big amount" onChange={inputChange} value={product.bigAmount} data-identity="bigAmount" required></input>
<input className="form--input" placeholder="Campaing found" onChange={inputChange} value={product.campaignFound} data-identity="campaignFound" required></input>
<label>Status On</label>
<input type="checkbox" onChange={inputChange} value={product.onOff} data-identity="onOff" required></input>
<select className="form--input" onChange={inputChange} value={product.town} data-identity="town" required>
<option>Cracow</option>
<option>Warsaw</option>
<option>Kielce</option>
<option>Opole</option>
<option>Rzeszów</option>
<option>Gdańsk</option>
<option>Poznań</option>
</select>
<input className="form--input" placeholder="Radius" onChange={inputChange} value={product.Radius} data-identity="radius" required></input>
<input className="form--input" type="submit" onChange={inputChange} value="Send"></input>
</form>