Ввожу в инпут логин, затем по нажатию на кнопку он сохраняется в localStorage.
localStorage.setItem('inputData', e.target.value)Как мне отобразить полученный item с именем user в другом компоненте, когда тот уже отрендерился, с помощью localStorage?
const inputData = localStorage.getItem('inputData');errors лежит массив кодов ошибок.
{` ${discardZeros(prize?.money_award)} ${currency}`}<Home />:useEffect(() => await fetch(`https://example/${id}`), id)getServerSideProps вы можете использовать стандартный id для предзагрузки нужного содержимого, но потом рулить уже из компонента.
import cn from 'classnames';
<span className={cn(style.title, {[style.title__error]: inputStatus === 'error'})}>Lorem ipsum dolor sit amet.?</span><Field
type="checkbox"
name="selectAll"
/>
<span className="ml-2">Select all</span><Formik ... initialValues={{eventSkills: [], selectAll: false}}>
{({values, handleChange, setFieldValue, handleSubmit}) =>
React.useEffect(() => {
if (values.selectAll) {
setFieldValue('eventSkills', mockSkills.map(({ id }) => id));
} else {
setFieldValue('eventSkills', []);
}
}, [values.selectAll])
return (
<Form ... />
.....
)
}}<App />.cardsFetchData на этапе маутинга корневого компонента. isLoading. Следовательно, вы можете условно рендерить все ваши дочерние компоненты по условию:const App = () => {
// отправка экшена на запрос данных + селектор получения статуса загрузки
if (isLoading) {
return null;
}
return (...) // тут у вас по идее уже данные находятся в сторе и вы можете писать логику отображения
}state: {
from: location.pathname
}from ничего, тогда не рисуем кнопку
useEffect(() => {
ref.current = depVar;
}, [depVar]);db.json поле "users": [{email: "test@test.com", password: "1234"},...]/register и /login/register добавлять пользователя в "users", а в /login искать пользователя в "users" - ссылка на доку
import PropTypes from 'prop-types';
class Component extends React.Component {
render() {
return (
<h2>{this.props.title}</h2>
);
}
}
Component.propTypes = {
title: PropTypes.string
};{Object.keys(profile.contacts).map((key) => {
return (
<React.Fragment>
<TextField
key={key}
className={classes.gutters}
margin='dense'
fullWidth
variant='outlined'
id='standard-basic'
name={`contacts.${key}`}
label={key}
value={`values.contacts.${key}`}
onBlur={handleBlur}
onChange={handleChange}
error={`touched.contacts?.${key}` && Boolean(`errors.contacts?.${key}`)}
helperText={`touched.contacts?.${key}` && `errors.contacts?.${key}`}
/>
</React.Fragment>
)
})}