我正在使用Redux编辑页面。
我真的不明白为什么 JourneyForm.js 无法获得 EditJourneyPage.js 提供的journey state
,即使我扔了属性{ {1}}喜欢这个。
当我通过控制台检查(journey={this.props.journey})
时,它工作正常。我猜journey.jourID === props.match.params.id;
函数可以返回“旅程”对象。
请帮我解决。
EditJourneyPage.js
.find
JourneyForm.js
import React from 'react';
import { connect } from 'react-redux';
import JourneyForm from './JourneyForm';
import { editJourney } from '../actions/journies';
class EditJourneyPage extends React.Component {
onSubmit = (journey) => {
this.props.dispatch(editJourney(journey.jourID, journey));
this.props.history.push('/');
}
render () {
return (
<div>
<JourneyForm
journey={this.props.journey}
onSubmit={this.onSubmit}
/>
<button>Remove</button>
</div>
)
}
}
const mapStateToProps = (state, props) => {
return {
journey: state.journies.find((journey) => {
return journey.jourID === props.match.params.id;
})
}
}
export default connect(mapStateToProps)(EditJourneyPage);