Не получается изменить значение инпута. Как правильно это сделать?
Что есть на данный момент.
State:
constructor(props) {
super(props);
this.state = {
objects: {
name: '',
mass: [
{
img: '',
count: '1', // Это первый инпут
countMass: '2' // Это состояние второго инпута
},
{
img: '',
count: '1', // Это первый инпут
countMass: '2' // Это состояние второго инпута
},
};
};
this.handleInputChange = this.handleInputChange.bind(this);
}
JSX:
{this.mass.map((variant, index) => {
return (
<div key={index}>
<Input name={"count" + index} onChange={this.handleInputChange} value={variant.count} />
<Input name={"countMass" + index} onChange={this.handleInputChange} value={variant.mass}/>
</div>
)
})}
Функция:
handleInputChange(event) {
let objects = {...this.state.objects}
const target = event.target;
const value = target.value;
const name = target.name;
this.setState({
objects: {
...objects,
mass: [
{[name]: value}
]
}
});
}