V
и не менять пропсы
function CarBlock({ rating }) {
const [newRating, setNewRating] = React.useState(rating);
rating = newRating;
Как сделать чтобы это давало ререндер ?
Size: a a a
2021 February 06
B
Но я не могу сделать
const [rating, setNewRating]
потому что перменная рейтинг уже есть
const [rating, setNewRating]
потому что перменная рейтинг уже есть
DS
Но я не могу сделать
const [rating, setNewRating]
потому что перменная рейтинг уже есть
const [rating, setNewRating]
потому что перменная рейтинг уже есть
Смени имя одной из двух
V
либо не меняй проп в дочернем компоненте
DS
function CarBlock({ rating }) {
const [newRating, setNewRating] = React.useState(rating);
rating = newRating;
Как сделать чтобы это давало ререндер ?
const [newRating, setNewRating] = React.useState(rating);
rating = newRating;
Как сделать чтобы это давало ререндер ?
Стейт в этом компоненте не нужен. Просто меняй проп сверху и будет тебе Холи рендер от реакта. Если тебе сильно хочется изменить рейтинг прям из этого компонента, то спусти колбек вместе с пропом рейтинга, оттуда где рейтинг является стейтом
Т
Он был бы вью?😂
Ну или у вью сразу был бы только jsx с небольшим сахаром. Странные у меня фантазии короче
B
Стейт в этом компоненте не нужен. Просто меняй проп сверху и будет тебе Холи рендер от реакта. Если тебе сильно хочется изменить рейтинг прям из этого компонента, то спусти колбек вместе с пропом рейтинга, оттуда где рейтинг является стейтом
Я должен сделать что-то в стиле
changeProp() => {
rating: rating+1
}
onClick={() => changeProp()} ?
changeProp() => {
rating: rating+1
}
onClick={() => changeProp()} ?
DS
Я должен сделать что-то в стиле
changeProp() => {
rating: rating+1
}
onClick={() => changeProp()} ?
changeProp() => {
rating: rating+1
}
onClick={() => changeProp()} ?
В этом духе, но нет. Советую начать с доки реакта. Там есть неплохой тотуриал для старта
ML
ребят , где здесь ошибка ??
D
ребят , где здесь ошибка ??
npm install reactrouterdom?
ML
npm install reactrouterdom?
Я инсталировал
ML
Я должен сделать что-то в стиле
changeProp() => {
rating: rating+1
}
onClick={() => changeProp()} ?
changeProp() => {
rating: rating+1
}
onClick={() => changeProp()} ?
Нужно просто передать функцию, но не визывать ее
ML
ребят , где здесь ошибка ??
Бл, просто надо было перезапустить проект после npm install
Или лучше всегда зупинять локалхост перед установкой npm
Или лучше всегда зупинять локалхост перед установкой npm
VR
Коллеги! Как вы предпочитаете хранить хендлеры в компоненте - в виде
https://gist.github.com/theghostbel/9d92f1edddff704ee0202b2c8094fb82
const handlerArrowFn = () => {} до return () или как function handlerFn() {} после return ()?https://gist.github.com/theghostbel/9d92f1edddff704ee0202b2c8094fb82
Т
Коллеги! Как вы предпочитаете хранить хендлеры в компоненте - в виде
https://gist.github.com/theghostbel/9d92f1edddff704ee0202b2c8094fb82
const handlerArrowFn = () => {} до return () или как function handlerFn() {} после return ()?https://gist.github.com/theghostbel/9d92f1edddff704ee0202b2c8094fb82
Сомневаюсь что кто то вообще использует 2 вариант
А
Коллеги! Как вы предпочитаете хранить хендлеры в компоненте - в виде
https://gist.github.com/theghostbel/9d92f1edddff704ee0202b2c8094fb82
const handlerArrowFn = () => {} до return () или как function handlerFn() {} после return ()?https://gist.github.com/theghostbel/9d92f1edddff704ee0202b2c8094fb82
Пробовал второй вариант, не очень удобно получается, лучше уж, если сильно мешаются - оборачивать в кастомные хуки их.
VR
Сомневаюсь что кто то вообще использует 2 вариант
в случае больших хендлеров, на многие строки, удобно убрать их подальше, чтобы не мешали понимать логику рендеринга