Razzle: Конструктор - вызов super и привязка

Созданный на 9 июн. 2016 · 3Комментарии · Источник: jaredpalmer/razzle

Привет @jaredpalmer , начал работать над проектом, используя ваш стартовый проект. Отличная работа!

У меня есть вопрос об отправке избыточных действий при взаимодействии с пользователем (например, нажатие кнопки). Мои вопросы больше о правильном синтаксисе. В прошлом я вызывал конструктор и вызывал функцию связывания следующим образом:

function mapDispatchToProps(dispatch) {
    return bindActionCreators({
        importedAction,
    }, dispatch);
}
class Calendar extends React.Component {

constructor(props) {
   super(props);
   this.handleClick = this.handleClick.bind(this);
}

handleClick(programId) {
        this.props.importedAction()
        .then((response) => {
            do something with response
        });
    }
 }
....

render() {
 return (
   <a onClick={this.handleClick}>Click me to dispatch action</a>
)
}

Я думаю, что у вас установлен плагин babel, который позволяет вам постоянно не писать «extends React.Component». Я также не вижу «bindActionCreators».

Вопрос, как бы я написал выше, чтобы это можно было использовать в вашем стартовом проекте?

Источник

kkarkos

Самый полезный комментарий

Похоже, вы не используете connect из react-redux :

импортировать {connect} из 'реагировать-редукс'

... ваш компонент...

экспортировать подключение по умолчанию (mapStateToProps, actionCreators) (календарь)

wedneyyuri 9 июн. 2016

👍2

Все 3 Комментарий

function mapDispatchToProps(dispatch) {
    return bindActionCreators({
        importedAction,
    }, dispatch);
}
class Calendar extends React.Component {

handleClick(programId) {
        this.props.importedAction()
        .then((response) => {
            do something with response
        });
    }
 }
....

render() {
 return (
   <a onClick={(evt) => this.handleClick()}>Click me to dispatch action</a>
)
}

wedneyyuri 9 июн. 2016

Похоже, вы не используете connect из react-redux :

импортировать {connect} из 'реагировать-редукс'

... ваш компонент...

экспортировать подключение по умолчанию (mapStateToProps, actionCreators) (календарь)

wedneyyuri 9 июн. 2016

👍2

Закрытие этого, потому что это не связано с шаблоном. Однако предлагаю посмотреть курсы Дэна Абрамова по Redux:

Также ознакомьтесь с API react-redux для connect : https://github.com/reactjs/react-redux/blob/master/docs/api.md#connectmapstatetoprops -mapdispatchtoprops-mergeprops-options.