Как передать реквизиты нескольким немым компонентам — redux / ReactJS?

#reactjs #redux

#reactjs #сокращение #redux

Вопрос:

Я использую приведенный ниже код для передачи данных компоненту react. Я пытаюсь найти способ передать данные нескольким компонентам dumb react, но не уверен, как этого добиться. Может кто-нибудь сообщить мне, как передать реквизиты нескольким компонентам 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 }/>;
  }
}
  

Ответ №1:

Кажется, что приведенное ниже решение работает нормально.

 ....
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>
      )
      }
    }