const Input = (props) => (
<input type="text" onChange={props.handleChange} />
)
const Output = (props) => (
<div>{props.text}</div>
)
class App extends React.Component {
constructor (props) {
super(props)
this.state = {}
this.handleChange = this.handleChange.bind(this)
}
handleChange (e) {
this.setState({
value: e.target.value
})
}
render () {
return (
<div>
<Input handleChange={this.handleChange} />
<Output text={this.state.value} />
</div>
)
}
}
var ConnectedCour = ReactRedux.connect(mapStateToProps)(Cour)
<ReactRedux.Provider store={store}>
<ConnectedCour />
</ReactRedux.Provider>const asyncAction = () => {
return (dispatch, getState) => {
localStorage.setItem('state', JSON.stringify(getState()))
return dispatch(someAction())
}
}test: /\.jsx$/ Вебпак смотрит только на файлы с расширением .jsx и применяет к ним loadertest: /\.jsx?$/ так вебпак возьмет и .js и .jsx