React Redux передает реквизиты другому усилителю компонентов
У меня есть 2 компонента, ReviewList и Review. ReviewList имеет список компонентов Review, и для каждого компонента Review имеет свойство рассмотрение.
Я хочу наложить некоторую логическую работу на компонент, поэтому я хочу создать усилитель (Review.enhancer.js) для выполнения этого типа работы (я хочу, чтобы компонент Review был фиктивным компонентом).
Я использую React-Redux, а на моем Review.enhancer я использую метод подключения, чтобы получить опору ({обзор}), но я ничего не получил. Я нуб в реакции и сокращении.
Ответы 1
Прежде всего, вам не обязательно нужна функция connect, если вы уже предоставляете данные, передавая их в качестве опоры в энхансер. В этом случае вы также можете использовать библиотеку recompose для применения логики к данным. Однако в большинстве случаев вам все равно нужно отправлять действия, поэтому функция connect из react-redux все равно потребуется.
Когда свойства передаются компоненту, который обернут функцией connect, они не будут переданы автоматически. Чтобы сделать эти свойства доступными для обернутого компонента, вам необходимо отобразить их из второго аргумента в функции mapStateToProps.
Review.enhancer.js
const mapStateToProps = (state, ownProps) => {
return {
review: ownProps.review,
};
};
export default connect(mapStateToProps, null)(Review);
Теперь обернутому компоненту передается только свойство обзора. Однако вам следует избегать этого, потому что это связывает усилитель с компонентом контейнера.
Note that if you want to pass all the props to the wrapped component, you can omit the parentheses from the arrow function and use an implicit return.
Спасибо, за разъяснения, отлично сработало
Можете ли вы показать Review.enhancer.js