Cześć,
uczę się React i mam problem z stworzeniem dodatkowych input.
import './SelectAndOptionsDishType.css';
function SelectAndOptionsDishType() {
let Change = (event) =>
{
if (event.target.value === "1")
{
let pizzaType = "number";
let pizzaPlaceholder = "Numbers of slices";
}
}
return(
<div>
<select onChange={Change} placeholder={"select dish type"}>
<option style={{display: 'none'}} value="" selected>Please Choose Dish Type</option>
<option value="1">Pizza</option>
<option value="2">Soup</option>
<option value="3">Sandwish</option>
</select>
<input type={pizzaType} placeholder={pizzaPlaceholder}></input>
</div>
)
}
export default SelectAndOptionsDishType;
Po wybraniu pizzy chciałbym wyświetlić dwa dodatkowe inputy, i nie mam pojęcia w jaki sposób mogę to napisać.
Z góry dziękuję za pomoc.