内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用
Reaction文档:
class MyDialog extends React.Component { save() { this.refs.content.save(); <-- save() is undefined } render() { return ( <Dialog action={this.save.bind(this)}> <Content ref="content"/> </Dialog>); } } class Content extends React.Component { save() { // Get values from child fields // and save the content } }
Content.js看起来像这样:
var connect = require('react-redux').connect;
class Content extends React.Component {
save() {
// Get values from child fields
// and save the content
// Use of this.props.stateObject
}
}
function mapStateToProps(state) {
const {
stateObject
} = state;
return {
stateObject
};
}
module.exports = connect(mapStateToProps)(Content);
因此使用connect和mapStateToProps允许我使用以下方法导出组件:
module.exports = Content;