AG
John Travolta
проблемы больше нет, разобрался?)
это только с вопросом о повторном перерендере из за темы, а с основной проблемой не разобрался ещё
Size: a a a
2021 March 05
JT
ponyal
KK
Ребят привет, не судите строго только знакомлюсь с react. Конкретно работаю сейчас над плагином для wordpress с добавлением блоков для gutenberg.
не могу понять как сделать условия если 2 переменные существует то выводим блок, и сразу после этой проверки мне нужно сделать проверку на 3-ю переменную, она опциональна.
скажите, плиз, что не так?
не могу понять как сделать условия если 2 переменные существует то выводим блок, и сразу после этой проверки мне нужно сделать проверку на 3-ю переменную, она опциональна.
скажите, плиз, что не так?
L
Проблема с
@ant-design/charts, при добавлении interaction view-zoom на Line чарте у меня зум работает криво, ося Х вообще не зумируется, есть какие то идеи?AG
Ребят привет, не судите строго только знакомлюсь с react. Конкретно работаю сейчас над плагином для wordpress с добавлением блоков для gutenberg.
не могу понять как сделать условия если 2 переменные существует то выводим блок, и сразу после этой проверки мне нужно сделать проверку на 3-ю переменную, она опциональна.
скажите, плиз, что не так?
не могу понять как сделать условия если 2 переменные существует то выводим блок, и сразу после этой проверки мне нужно сделать проверку на 3-ю переменную, она опциональна.
скажите, плиз, что не так?
у тебя как объект идёт аля
videoLink && imageUrl && someObject а не функция последнейVK
Ребят привет, не судите строго только знакомлюсь с react. Конкретно работаю сейчас над плагином для wordpress с добавлением блоков для gutenberg.
не могу понять как сделать условия если 2 переменные существует то выводим блок, и сразу после этой проверки мне нужно сделать проверку на 3-ю переменную, она опциональна.
скажите, плиз, что не так?
не могу понять как сделать условия если 2 переменные существует то выводим блок, и сразу после этой проверки мне нужно сделать проверку на 3-ю переменную, она опциональна.
скажите, плиз, что не так?
То, что компилятор видит это как foo && bar && {videoTitle}, где последнее - объект
Попробуйте убрать && после imageUrl
Попробуйте убрать && после imageUrl
AG
у тебя как объект идёт аля
videoLink && imageUrl && someObject а не функция последнейУбери фигруные скобки поверх круглых
AG
вообще фигурные скобки
AG
у тебя в этом месте
и тогда фигурные скобки оставляй внутри
videoLink && imageUrl && ... уже идёт код, поэтому над вместо круглых скобок сделать <>...,</> чтобы можно было помещать один-два элемента по условиюи тогда фигурные скобки оставляй внутри
<>...</>VK
Ребят привет, не судите строго только знакомлюсь с react. Конкретно работаю сейчас над плагином для wordpress с добавлением блоков для gutenberg.
не могу понять как сделать условия если 2 переменные существует то выводим блок, и сразу после этой проверки мне нужно сделать проверку на 3-ю переменную, она опциональна.
скажите, плиз, что не так?
не могу понять как сделать условия если 2 переменные существует то выводим блок, и сразу после этой проверки мне нужно сделать проверку на 3-ю переменную, она опциональна.
скажите, плиз, что не так?
Сори, сначала какой-то тупняк поймал)
Вам придется использовать фаргмент в таком случае:
Вам придется использовать фаргмент в таком случае:
import "./styles.css";
const foo = true;
const bar = true;
const baz = true;
export default function App() {
return (
<div className="App">
{
foo && bar &&
<>
{baz ? <h1>Hello CodeSandbox</h1> : null}
<h2>Start editing to see some magic happen!</h2>
</>
}
</div>
);
}
VK
Я вообще противник злоупотребления вот такими foo && <h1></h1> штуками
Почему бы не использовать тернарный оператор нормальный
Почему бы не использовать тернарный оператор нормальный
Э
привет, раньше в коде неиспользуемые импорты подсвечивались серым цветом, а теперь нет, как это вернуть? знаю что не по теме но может кто сталкивался с этим, началось после 17 реакта
KK
Сори, сначала какой-то тупняк поймал)
Вам придется использовать фаргмент в таком случае:
Вам придется использовать фаргмент в таком случае:
import "./styles.css";
const foo = true;
const bar = true;
const baz = true;
export default function App() {
return (
<div className="App">
{
foo && bar &&
<>
{baz ? <h1>Hello CodeSandbox</h1> : null}
<h2>Start editing to see some magic happen!</h2>
</>
}
</div>
);
}
Спасибо большое, заработало)
KK
Я вообще противник злоупотребления вот такими foo && <h1></h1> штуками
Почему бы не использовать тернарный оператор нормальный
Почему бы не использовать тернарный оператор нормальный
с тернарным вернет пустоту, смысла в этом никакого
VK
с тернарным вернет пустоту, смысла в этом никакого
Смысл в том, чтобы писать максимально явно и не злоупотреблять "хаками" неявного приведения типов и т.п.)
AG
Я вообще противник злоупотребления вот такими foo && <h1></h1> штуками
Почему бы не использовать тернарный оператор нормальный
Почему бы не использовать тернарный оператор нормальный
Условие не расползается.... Особенно если нужны ветвления...
Аля вместо:
Лучше будет выглядеть
Аля вместо:
{b1 ? <C1/> : b2 ? <C2/> : b3 ? <C3/> : null }Лучше будет выглядеть
{(b1 && <C1/>) || (b2 && <C2/>) || (b3 && <C3/>) }AG
с тернарным вернет пустоту, смысла в этом никакого
а с условием
false или null или undefined в зависимости от последнего обработанного условного объектаAG
а с условием
false или null или undefined в зависимости от последнего обработанного условного объектатак что они оба друг друга стоят)))
DN
+ , логичнее и понятние для чтения смотрится тернарник