Size: a a a

React — русскоговорящее сообщество

2021 July 01

NA

NIT)MR. Anderson in React — русскоговорящее сообщество
Ну посмотри видео что я прислал. Там явно эллементы на нажатие ctrl z из массива пропадают, просто почему то их не перерисовало
источник

M

Meduza#40 in React — русскоговорящее сообщество
Тут можно спросить если вопрос достаточно комплексный ?
источник

VC

Valera CSS_Junior in React — русскоговорящее сообщество
а почему у меня локаль теряется в next router? и как сделать чтобы не терялась?
например я на странице http://localhost:3000/ru/page/chromium
делаю так:
import { useRouter } from "next/router";
const router = useRouter();
// передаю например browserTitle = firefox
const handleClick = (event, browserTitle) => {
 event.preventDefault();
 router.push({ pathname: `/page/${browserTitle}` });
}

и переходит на http://localhost:3000/page/firefox теряется /ru из адреса, а мне нужно было только chromium на firefox поменять.
источник

А

Артем in React — русскоговорящее сообщество
nometa.xyz
а так да
можно
источник

VK

Vladimir Kurchatkin in React — русскоговорящее сообщество
Если их не перерисовало = нет рендера, значит наверняка мутируешь где то
источник

А

Артем in React — русскоговорящее сообщество
источник

NA

NIT)MR. Anderson in React — русскоговорящее сообщество
Хммм... И где проблема может быть?
Получается что то не так с самой функцией что вызывается на ctrl z?
источник

M

Meduza#40 in React — русскоговорящее сообщество
Работаю с API ReCharts. Нужно построить градиент для монотонного графика, чтоб нужные места выделить красным (другого решения не нашел). У этой апишки генерация градиентного цвета выглядит таким образом:
<linearGradient id="colorUv" x1="0%" y1="0%" x2="100%" y2="0%">
         <stop offset="0%" stopColor="red" />
         <stop offset="50%" stopColor="red" />
         <stop offset="50%" stopColor="green" />
         <stop offset="150%" stopColor="green" />
       </linearGradient>
источник

VK

Vladimir Kurchatkin in React — русскоговорящее сообщество
Да
источник

NA

NIT)MR. Anderson in React — русскоговорящее сообщество
Хотя я вообще хз что с ней может быть не так
const CtrlZFunc = useCallback((event) => {
       if(event.ctrlKey && (event.which === 90 || event.keyCode === 90)) {
           setWalls(walls => walls.slice(0, walls.length - 1))            
       }
   }, []);
источник

NA

NIT)MR. Anderson in React — русскоговорящее сообщество
Она же вообще простая до ужаса
источник

NA

NIT)MR. Anderson in React — русскоговорящее сообщество
Как и функция ререндеринга
источник

VK

Vladimir Kurchatkin in React — русскоговорящее сообщество
Да, не похоже что тут есть проблема. Давай весь код тогда
источник

А

Артем in React — русскоговорящее сообщество
а вопрос то где?
источник

M

Meduza#40 in React — русскоговорящее сообщество
Есть массив с инфой где указано в процентах какой цвет где начинается и заканчивается. Мне нужно сгенерировать свой список из него, чтоб можно было затолкать его в тег, как выше скинул. Как это сделать ?
источник

А

Артем in React — русскоговорящее сообщество
список чего?
вот этого?
<linearGradient id="colorUv" x1="0%" y1="0%" x2="100%" y2="0%">
         <stop offset="0%" stopColor="red" />
         <stop offset="50%" stopColor="red" />
         <stop offset="50%" stopColor="green" />
         <stop offset="150%" stopColor="green" />
       </linearGradient>
или только <stop /> компонентов?
источник

M

Meduza#40 in React — русскоговорящее сообщество
Стоп-компонентов
источник

NA

NIT)MR. Anderson in React — русскоговорящее сообщество
function DrawLines(){
       const canvas = canvasWallsRef.current
       const context = canvas.getContext('2d')
       
       context.clearRect(0, 0, canvas.width, canvas.height);

       for(let i=0; i<walls.length; i++) {
           context.moveTo(walls[i].x1, walls[i].y1);
           context.lineTo(walls[i].x2, walls[i].y2);
       }
       context.stroke();
   }

Вот отрисовка. Тоже простейшая.
Вызывается этим эффектом:
useEffect(() => {
       DrawLines()
}, [walls])

Вроде всё до ужаса просто, но оно не работает...
источник

А

Артем in React — русскоговорящее сообщество
yourarray.map((item) => <stop offset={item.percent} stopColor="red"/>)
оно тебе надо?
источник

VK

Vladimir Kurchatkin in React — русскоговорящее сообщество
Значит где то еще ошибка
источник