如何将道具传递给多个哑组件- redux / reactJs

  • 本文关键字:组件 redux reactJs reactjs redux
  • 更新时间 :
  • 英文 :


我使用下面的代码来传递数据到react组件。我试图找出一种方法来传递数据到一个以上的哑反应组件,但不知道如何实现这一目标。有人能让我知道如何将道具传递给多个反应(哑)组件?

import React, { Component } from 'react';
import { bindActionCreators } from 'redux'
import { connect } from 'react-redux'
import Results from '../components/displayResults';

@connect(
  state => ({results: state.results})
)
export default class  extends Component {
  render () {
    return <Results  { ...this.props }/>;
  }
}

下面的解决方案似乎很好。

....
import Results from '../components/displayResults';
import Sample from '../components/sample';
    @connect(
      state => ({results: state.results})
    )
    export default class extends Component {
      render () {
        return(
        <div>
        <Results  { ...this.props }/>
        <Sample  { ...this.props }/>
        </div>
      )
      }
    }

最新更新