麻烦与反应

Question

我有点麻烦。有两个类：List和Item：

＆＃13;

＆＃13;

var React = require('react'),
var List = React.createClass({
	getInitialState: function() {
		return {
			items: []
		}
	},
	handleItemChange: function(index, itemData) {
		//..do something with items[index]
	},
	renderItems: function() {
		return items.map(function(item, i) {
			return (
				<Item
					{...item}
					onChange={this.handleItemChange.bind(this, i)}
				/>
			);
		});
	},
	render: function() {
		return (
			<div>{this.renderItems()}</div>
		);
	}
});
var Item = React.createClass({
	render: function() {
		return (
			<p>Name: <input
				type="text"
				defaultValue={this.props.name}
				onChange={this.props.onChange}
			/></p>
			<p>Age: <input
				type="text"
				defaultValue={this.props.age}
				onChange={this.props.onChange}
			/></p>
		);
	}
});

＆＃13;

＆＃13;

＆＃13;

我想将itemData附加到handleItemChange个参数，但我不想清除以前绑定的参数（类似onChange={this.props.onChange.bind(<skip context>, <skip index>, {some item data...})}）。我必须做什么？

Answer 1

将相关数据传递为($0+103)

也许这样的事情？我们将props和itemData作为道具传递给地图函数中的子组件index。然后，我们将这些道具从子组件上的方法Item返回到父List。

returnData