import React, { Component } from 'react';
import AuthStore from './stores/AuthStore.js';
import AuthActions from './actions/AuthActions.js';
import connectToStores from 'alt/utils/connectToStores';
//import statics from 'alt/utils/statics';
class Login extends Component {
constructor(){
super();
}
static getStores() {
return [AuthStore];
}
static getPropsFromStores() {
return AuthStore.getState();
}
onClickLogin() {
AuthActions.login({
username: this.refs.usernameInput.value,
password: this.refs.passwordInput.value
});
}
render() {
let divError = (AuthStore.getState().error) ? (<p>
{AuthStore.getState().error}</p>) : null;
return (
<div>
<input ref="usernameInput" placeholder="Username" type="text" />
<input ref="passwordInput" placeholder="Password" type="password" />
<button onClick={this.onClickLogin.bind(this)}
type="button">Login</button>
{divError}
</div>
);
}
}
export default connectToStores(Login);
Я проверил некоторый код на github, и он выглядит точно так же, я не знаю, что происходит, это заняло у меня целое воскресенье и все еще не работает.
Это сообщение об ошибке:
TypeError: _react2.default.createClass не является функцией
(анонимная функция)
C: /XYZ/XYZ/code/webapp/node_modules/alt/utils/connectToStores.js: 71
68 | throw new Error ('connectToStores () ожидает, что у обернутого компонента есть статический метод getPropsFromStores ()');
69 | }
70 |
71 | var StoreConnection = _react2 ['default']. CreateClass ({
72 | displayName: 'Stateful' + (Component.displayName || Component.name || 'Container'),
73 |