МП
Oruj Tatiyev
Если вручную добавлял в package.json, не забудь npm i/yarn
Size: a a a
2020 July 14
OT
Если вручную добавлял в package.json, не забудь npm i/yarn
нет
R
Всем привет
Кто-нибудь сталкивался с такой ошибкой? Что такое non-ser я знаю. Но как избавиться от этой ошибки, не совсем понимаю
Кто-нибудь сталкивался с такой ошибкой? Что такое non-ser я знаю. Но как избавиться от этой ошибки, не совсем понимаю
И
Всем привет
Кто-нибудь сталкивался с такой ошибкой? Что такое non-ser я знаю. Но как избавиться от этой ошибки, не совсем понимаю
Кто-нибудь сталкивался с такой ошибкой? Что такое non-ser я знаю. Но как избавиться от этой ошибки, не совсем понимаю
Убрать из экшена non-ser
R
что из этого оттуда надо убрать? =(
Е
https://pastebin.com/iPE5vJWW
Ребят, как мне тут сделать так, чтобы при нажатии на кнопку у меня данные из текст полей хотя бы в консоль выводились?
Ребят, как мне тут сделать так, чтобы при нажатии на кнопку у меня данные из текст полей хотя бы в консоль выводились?
OT
скачал последний LTS nodejs 12
и установилась как будто старая версия реакта
"react": "^16.13.1"
и установилась как будто старая версия реакта
"react": "^16.13.1"
OT
он ее только поставил по идее
проблема в версии
АБ
а с чего ты решил что 16.13.1 старая версия?
OT
^ значит не ниже?
OT
сорян, да он последний в npm
P
Привет, не могу сделать хук useIndex, который для каждого компонента будет возвращать уникальный ему индекс, при чем пока компонент не удалился должен быть один и тот же. Вот код:
Codesandbox - https://codesandbox.io/s/gallant-hooks-1drpy?file=/src/App.js
let _index = 0;Вот вывод консоли:
const useIndex = () => {
const index = useMemo(() => _index++, []);
// const [index] = useState(_index++); - same problem
console.log("INDEX", index);
return index;
};
const useHook = () => {
const index = useIndex();
console.log("Now index is", index);
useEffect(() => {
return () => {
console.log(`Remove ${index}`);
};
}, []);
return { index };
};
export default function App() {
const [isIndex, setIsIndex] = useState(true);
return (
<div className="App">
{isIndex && <NonIndexComponent />}
{!isIndex && <IndexComponent />}
<button onClick={() => setIsIndex(!isIndex)}>
Toggle indexes components
</button>
</div>
);
}
const IndexComponent = () => {
const { index } = useHook();
return <h1>My index is {index}</h1>;
};
const NonIndexComponent = () => {
return <h1>I'm without index</h1>;
};
INDEX 0Почему один компонент получает разные индексы?
Now index is 0
INDEX 1
Now index is 1
// вывод ниже после удаления компонента
Remove 1
Codesandbox - https://codesandbox.io/s/gallant-hooks-1drpy?file=/src/App.js
OT
🤦🏻♂️🤦🏻♂️🤦🏻♂️
реакт у меня 16.13.1, а react-i18next требует react >= 16.8.0
реакт у меня 16.13.1, а react-i18next требует react >= 16.8.0
Л
Oruj Tatiyev
🤦🏻♂️🤦🏻♂️🤦🏻♂️
реакт у меня 16.13.1, а react-i18next требует react >= 16.8.0
реакт у меня 16.13.1, а react-i18next требует react >= 16.8.0
случился прикол, что сказать еще
MK
Oruj Tatiyev
🤦🏻♂️🤦🏻♂️🤦🏻♂️
реакт у меня 16.13.1, а react-i18next требует react >= 16.8.0
реакт у меня 16.13.1, а react-i18next требует react >= 16.8.0
я не понял что то? у тебя ж подходит версия реакта
OR
Привет, не могу сделать хук useIndex, который для каждого компонента будет возвращать уникальный ему индекс, при чем пока компонент не удалился должен быть один и тот же. Вот код:
Codesandbox - https://codesandbox.io/s/gallant-hooks-1drpy?file=/src/App.js
let _index = 0;Вот вывод консоли:
const useIndex = () => {
const index = useMemo(() => _index++, []);
// const [index] = useState(_index++); - same problem
console.log("INDEX", index);
return index;
};
const useHook = () => {
const index = useIndex();
console.log("Now index is", index);
useEffect(() => {
return () => {
console.log(`Remove ${index}`);
};
}, []);
return { index };
};
export default function App() {
const [isIndex, setIsIndex] = useState(true);
return (
<div className="App">
{isIndex && <NonIndexComponent />}
{!isIndex && <IndexComponent />}
<button onClick={() => setIsIndex(!isIndex)}>
Toggle indexes components
</button>
</div>
);
}
const IndexComponent = () => {
const { index } = useHook();
return <h1>My index is {index}</h1>;
};
const NonIndexComponent = () => {
return <h1>I'm without index</h1>;
};
INDEX 0Почему один компонент получает разные индексы?
Now index is 0
INDEX 1
Now index is 1
// вывод ниже после удаления компонента
Remove 1
Codesandbox - https://codesandbox.io/s/gallant-hooks-1drpy?file=/src/App.js
родитель рендерится, по идее.
И
Привет, не могу сделать хук useIndex, который для каждого компонента будет возвращать уникальный ему индекс, при чем пока компонент не удалился должен быть один и тот же. Вот код:
Codesandbox - https://codesandbox.io/s/gallant-hooks-1drpy?file=/src/App.js
let _index = 0;Вот вывод консоли:
const useIndex = () => {
const index = useMemo(() => _index++, []);
// const [index] = useState(_index++); - same problem
console.log("INDEX", index);
return index;
};
const useHook = () => {
const index = useIndex();
console.log("Now index is", index);
useEffect(() => {
return () => {
console.log(`Remove ${index}`);
};
}, []);
return { index };
};
export default function App() {
const [isIndex, setIsIndex] = useState(true);
return (
<div className="App">
{isIndex && <NonIndexComponent />}
{!isIndex && <IndexComponent />}
<button onClick={() => setIsIndex(!isIndex)}>
Toggle indexes components
</button>
</div>
);
}
const IndexComponent = () => {
const { index } = useHook();
return <h1>My index is {index}</h1>;
};
const NonIndexComponent = () => {
return <h1>I'm without index</h1>;
};
INDEX 0Почему один компонент получает разные индексы?
Now index is 0
INDEX 1
Now index is 1
// вывод ниже после удаления компонента
Remove 1
Codesandbox - https://codesandbox.io/s/gallant-hooks-1drpy?file=/src/App.js
а почему он должен получать одинаковые индексы?