case INCREMENT_QTY:
const { payload: newItem } = action;
return {
...state,
items: state.items.map(item => {
if(item.id === newItem.id) {
return {
...item,
qty: newItem.qty,
}
}
return item;
})
};
class App extends React.Component {
state = {
value: '',
}
onChange = ({ target: { value } }) => {
this.setState({ value });
}
render() {
const name = this.state.value.split(/\s+/);
return (
<div>
<input onChange={this.onChange} />
<p>Ф: {name[0]}</p>
<p>И: {name[1]}</p>
<p>О: {name[2]}</p>
{name[3] && <p>WTF??! {name.slice(3)}</p>}
</div>
);
}
}
чтобы по исходникам
проекты react
классные проекты
class ClassName extends PureComponent{
constructor(props) {
super(props)
this.testMethod = this.testMethod.bind(this);
console.log('constructor')
}
componentDidMount() {
console.log(123 + 'componentDidMount')
this.testMethod();
}
testMethod() {
console.log('testMethod')
}
render(
console.log('render до return')
return <div id='component'>
{console.log('render')}
</div>
)
// console.log(123); // вызовет ошибку
}
<p className="message__text">{this.props.text}</p>