Сокращение экспорта в компоненте, где класс уже экспортирован

У меня есть собственный класс компонентов, определенный как экспорт:

export default class Splash extends React.Component {

Я хочу подключить класс Splash к хранилищу redux, чтобы получить состояние redux в реквизитах (или я неправильно понял концепцию?) И чтобы я мог отправлять действия с помощью методов setState. У меня есть mapStateToProps и mapDispatchToProps, определенные в Splash.js (или я здесь тоже что-то не так понял?)

Так что я хочу сделать

export default reduxConnect(mapStateToProps, mapDispatchToProps)(Splash);

Но он уже идет на экспорт. Стоит ли менять одну из строк export? Нужно ли мне использовать reduxConnect для получения реквизита с состоянием и использовать мои методы диспетчера setState?

Умерло ли Create-React-App?
Умерло ли Create-React-App?
В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.
Освоение React Native: Пошаговое руководство для начинающих
Освоение React Native: Пошаговое руководство для начинающих
React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...
В чем разница между react native и react ?
В чем разница между react native и react ?
React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...
Хуки React: что это такое и как их использовать
Хуки React: что это такое и как их использовать
Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...
0
0
92
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Сделать это можно следующим образом

import {connect} from 'react-redux'

class Splash extends React.Component {
  ... rest of the code
  ... dispatch by referencing props from the connector
}

const mapStateToProps = state = ({
   ... bind props to the store values here
})

 const mapDispatchToProps = dispatch = ({
   ... dispatch the actions here
})

export default connect(mapStateToProps, mapDispatchToProps)(Splash)

Предлагаю вам ознакомиться с примерами в документации здесь

Я видел эти примеры, но не был уверен, что «основной» экспорт будет потерян, когда я его изменю.

pashute 28.08.2018 06:18

Хорошо, я имел в виду, что вы можете ознакомиться с примерами использования mapStateToProps и mapDispatchToProps.

Pritish Vaidya 28.08.2018 10:55

Другие вопросы по теме