Question

所以我有一个var我可以在我的组件中找到，虽然我不能确定，因为我无处可以在组件中放置console.log但我认为我有我的var。

现在我如何在我的组件中调试它？

这是我的构造函数：

function mapStateToProps(state) {
    return {
        parameters: state.searchParameterStore.parameters,
        idUser: state.authenticate.idUser,
    };
}

function mapDispatchToProps(dispatch) {
    return {
        exportParameter: payload => dispatch(actions.setParameters(payload)),
        generateDoc: payload => dispatch(actions.generateDoc(payload)),
    };
}

这是我的组成部分：

const propTypes = {
    generateDoc: React.PropTypes.func,
    exportParameter: React.PropTypes.func,
    parameters: React.PropTypes.array,
    idUser: React.PropTypes.string,
};

class generateComponent extends Component {
generate() {
        const truc = this.props.idUser;
        console.log(truc);
}
}
SearchExtendedComponent.propTypes = propTypes;

export default SearchExtendedComponent;

我在元素检查器中得到了这个：

未定义（在控制台日志所在的行）

Answer 1

您显然正在使用react-redux，您需要连接您的组件：

import { connect } from 'react-redux';

export default connect(mapStateToProps, mapDispatchToProps)(SearchExtendedComponent);

这是文档中的相关示例：

https://github.com/reactjs/react-redux/blob/master/docs/api.md#inject-todos-and-all-action-creators-addtodo-completetodo--as-actions

如何将支柱从Container传递给它的组件

1 个答案: