我有一个小应用,我可以通过Redux从API获取数据。我已成功获取数据,如您所见:
和 最后 所以没有错。但是现在当我想稍微修改数据然后将道具传递给另一个组件时:
const event = this.props.events || [] // Getting data
const lock = this.props.locks || [] // Getting data
const customer = this.props.customers || [] // Getting data
const keyedCustomers = _.keyBy(customer, '_id') // Working
const keyedLocks = _.keyBy(lock, '_id') // Working
const events = event
.map((event, i) =>
<EventItem
key={i}
event={event} // Working
customer={keyedCustomers[event.driver] || {}} // Nope!
lock={keyedLocks[event.lock] || { address: {} }} // Nope!
/>
)
在我的EventItem
组件中:
export default class EventItem extends Component {
render() {
const { event, customer, lock } = this.props
这里唯一有效的是event
,没有别的。
所以我想知道我在这里失踪了什么,是否有人可以帮助我。
非常感谢!