Ввожу в инпут логин, затем по нажатию на кнопку он сохраняется в 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 ... />
.....
)
}}обычный проект(верстка лендинга)
<script> тэге:// index.html
<body>
...
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</body><App />.cardsFetchData на этапе маутинга корневого компонента. isLoading. Следовательно, вы можете условно рендерить все ваши дочерние компоненты по условию:const App = () => {
// отправка экшена на запрос данных + селектор получения статуса загрузки
if (isLoading) {
return null;
}
return (...) // тут у вас по идее уже данные находятся в сторе и вы можете писать логику отображения
}console.log(foo); // undefined - не ошибка
var foo = 5;
console.log(foo); // 5foo всплыло и ошибки не будет.var a = 5;
function a() {
return 5;
}
console.log(a) // 5
Note: You should not use fetch() to call an API route in getServerSideProps. Instead, directly import the logic used inside your API route. You may need to slightly refactor your code for this approach.
Fetching from an external API is fine!