Я установил Academi c как arraylist.
const handleChange=(idx:any)=>(event:any)=>{
const target = event.target;
const value = target.value;
var name = target.name;
const academics = [...state.academics];
academics[idx]= {
[name]: value
};
setState({
academics
});
};
Это мое изменение ввода, когда у меня есть изменение в поле ввода, состояние не может быть установлено.
<div>
<table
id="tab_logic"
>
<thead>
<tr>
<th>#</th>
<th> Qualification </th>
<th> Institude </th>
<th> Percentage </th>
<th>YearOfPassing </th>
</tr>
</thead>
<tbody>
{state.academics.map((item, idx) => (
<tr id="addr0" key={idx}>
<td>{idx}</td>
<td>
<IonInput
type="text"
id="quali"
name={"qualification"}
value={state.academics[idx].qualification}
className="ioninput"
onIonChange ={handleChange(idx)}
/>
</td>
<td>
<IonInput
type="text"
name="institude"
id="inst"
value={state.academics[idx].institude}
className="ioninput"
onIonChange={handleChange(idx)}
/></td>
<td>
<IonInput
type="text"
name="percentage"
id="per"
value={state.academics[idx].percentage}
className="ioninput"
onIonChange={handleChange(idx)}
/></td>
<td>
<IonInput
type="text"
name="yearOfPassing"
id="year"
value={state.academics[idx].yearOfPassing}
className="ioninput"
onIonChange={handleChange(idx)}
/>
</td>
<td>
введите описание изображения здесь Я установил поле ввода в виде строки, такой как квалификация, институт, процент, год прохождения. Когда я набираю квалификацию, это занимает, и я поступаю в институт, квалификация не устанавливается в этой области.