(ReactJS,Redux)编辑页面,无法接收状态对象

时间:2018-02-10 11:26:41

标签: javascript node.js reactjs react-router react-redux

我正在使用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);

0 个答案:

没有答案