目标:双向绑定多个输入框
import React, { Component } from "react";
class Test extends Component {
constructor() {
super();
this.state = {
List: [
{
text: "公司",
value: "",
}
]
};
}
handelChange = event => {
let e = event.target;
const List= this.state.List;
List.map((item, index) => {
if (item.text === e.name) {
item.value = e.value;
}
});
this.setState({ List: List});
};
render() {
const ListItem = this.state.List.map((item, index) => (
<div key={index}>
<input
type="text"
value={item.value}
name={item.text}
onChange={this.handelChange}
/>
</div>
));
return (
<div className="footer">
<ListItem />
</div>
);
}
}
export default Test;