посмотри в консоли браузера стили, это НЕ горизонтальная перемотка, а через css анимируется ширина width блоков, страница поделена на левый/правый и в нужный момент подставляется ширина нужному блоку
const { isConfirmation } = props;
это происходит при рендере,import { useDispatch } from 'react-redux'
const dispatch = useDispatch()
..
const token = getAuthToken()
dispatch({ type: SET_ACCESS_TOKEN, payload: token })
<ModalPicture pic={this.state.modalSourceImage} />
, а там уже пусть в зависимости от null или не null отрисовывается или нет Я так понял, что useEffect не очень дружит с setState, потому вопрос - как стоит организовать цепочку [получение данных] -> [обработка данных] -> [setState]?
const [data, setData] = React.useState(null)
React.useEffect(() => {
const fetchedData = /* как-то данные получить */
setData(fetchedData)
}, [])
return data ? <p>{ JSON.stringify(data) } </p> : null
import smoothscroll from 'smoothscroll-polyfill';
// kick off the polyfill!
smoothscroll.polyfill();
onClick={ (e) => console.log(e.target.innerText) }
handleClickSubmit = () => {
// this.props.handleFormSubmitted(!this.state.isSubmited) <-
// что-то такое послать в родительский компонент, и там это сохранить в стейт,
// в зависимости от этого и менять текст кнопки
this.setState({
isSubmited: !this.state.isSubmited,
});
}
мой JS код выполняется из render(), а мне бы хотелось, чтобы в render() у меня был только результат выполнения функции
render() {
return (
<div>
{ this.props.items.map(item => <div>{ item.someText }</div>) }
</div>
)
}
refForm = React.createRef();
/*
this.refForm.current.submit()
*/
return <form ref={this.refForm} />
почему именно папка build должна попадать в сервер?
я свой проект на react буду заливать в express js
при удалении текста никаких действий не должно происходить