в оба компонента переданы обьекты (деструктуриазция) и не знаю как правильно переделать компоненты
Мы их только что, здесь создали? В методе connect?
connect(mapStateToProps, mapDispatchToProps)(ReactComponent)export const ConnectedRoot = connect(
state => state, // стейт редукса целиком доступен в this.props.propReducer итд
dispatch => ({
onFilter: args => dispatch({ type: "RUN_FILTER", ...args }),
// this.props.onFilter() будет вызывать "RUN_FILTER" в редусере
})
)(Root);Я догадался только до *такого*
{this.thematics.map(thematic => (
<div style={style} key={thematic.id}>
{thematic.id}
</div>
))}<Switch>
<Route path = '/contacts' component = { ContactsPage } />
<Route path = '/payment' component = { PaymentPage } />
<Route render={() => { return <Redirect to="/" />; }} />
</Switch><Route path="/(contacts|payment)/" component={BigComponent /} />s = 'STRING'
ss = "something {s} something"
ss.replace(/{(.+)}/, function() { return window[arguments[1]] })
// "something STRING something".then(res => res.json())
.then(result => { console.log(result); this.setRes(result) })
.catch(eror => eror);this.setState({ result });
..
const { result } = this.state;
console.log(result); // здесь что-то есть?
console.log(this.state) // ключ в стейте называется result?handleChange = e => {
this.setState({ [e.target.name]: e.target.value })
}
....
<input type="text" name="text1" onChange={this.handleChange} />
<input type="text" name="text2" onChange={this.handleChange} />
<input type="text" name="text3" onChange={this.handleChange} />tmp.map((t, i) => <div key={i}>{t}</div>)
class Item extends Component {
state = {selected: false}
toggleSelected = () => { this.setState({selected: !this.state.selected}) }
render() {
return (
<div className={`${s.item} ${this.state.selected ? 'selected' : ''}`} onClick={this.toggleSelected}>
<div className={s.pic}>pic</div>
<div className={s.product}>Name</div>
<div className={s.lowprice}>9999RUB</div>
<div className={s.sale}>54%</div>
</div>
);
}
}если в шторме создать приложение командой new node express project, там в package.json прописан путь, который приводит к файлу app.js
// Landing page
app.get('*', (req, res) => {
res.sendFile(path.join(__dirname, '../public/index.html'));
});