{ status: 'ok', userId: 1, role: 'admin', token: 'abc1023123', ... }return options.map((op, i) => {
if (typeof op.active !== undefined) {
return op.active ? <MenuItem
key={i}
style={this.props.style}
value={op.value}
> {op.label} </MenuItem> : ''
}
return <MenuItem
key={i}
style={this.props.style}
value={op.value}
> {op.label} </MenuItem>
}video.pause();
video.currentTime = 0;
// где video - ссылка на DOM элемент (по id или через ref)state = {
modelSelectors: [{obj1}, {obj2}]
}
renderSelectors = () => {
this.state.model.selectors.map(item => <Select ... />
}
addSelector = () => {
this.setState({ modelSelectors: +1 элемент в массиве })
}Component A
state = {
fromSuperComponent: '123',
}
callMeHandle = (e) => {
this.setState({
fromSuperComponent: e.currentTarget.value,
})
}
render() {
return (
<form>
<input type='text' value='test'/>
<SuperComponent callMeWhenDataChanged={this.callMeHandle} value={this.state.fromSuperComponent} />
</form>
)
}
SuperComponent
render() {
<input type='text' value={this.props.value} onChange={this.props.callMeWhenDataChanged} />
}после определенных действий свойство type_id изменилось, как откатиться назад к начальному состоянию только свойства type_id не затрагивая другие?
..., создайте объекты разной вложенности в песочнице, и на основе ответа от Yuxus попробуйте по изменять разные поля, не ломая остальное.
Если есть другой способ по нажатию кнопки рендерить другую страницу, то буду крайне рад услышать.
...
state = {
myData: []
}
...
this.setState({ myData: [[1,2,3],[4,5,6],[7,8,9]] })SyntheticInputEvent<HTMLInputElement>