• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Dlaczego nie moge nic wpisać do input

0 głosów
32 wizyt
pytanie zadane 12 maja w JavaScript przez chrystian Gaduła (3,970 p.)
zamknięte 6 dni temu przez chrystian

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>

 

komentarz zamknięcia: odpwoedz

1 odpowiedź

0 głosów
odpowiedź 6 dni temu przez chrystian Gaduła (3,970 p.)
const inputId = target.dataset.inputId; --> const inputId = target.dataset.identity;

Podobne pytania

0 głosów
3 odpowiedzi 268 wizyt
pytanie zadane 9 kwietnia 2016 w C i C++ przez QuazR Nowicjusz (160 p.)
0 głosów
0 odpowiedzi 23 wizyt
0 głosów
1 odpowiedź 126 wizyt

87,942 zapytań

136,520 odpowiedzi

304,383 komentarzy

58,306 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Sklep oferujący ćwiczenia JavaScript, PHP, rozmowy rekrutacyjne dla programistów i inne materiały

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...