в личке решили вопрос, он юзает cra, надо было юзать public фолдер для статики и всё заработало
хм, ок))
Sergey
Vlad
ребят, я через мап возвращаю компоненту.
как мне возвращать компонент и например span ниже него ?
Vlad
arr.map(item => (
<ItemInGoods id={item.id} name={item.name} sum={item.sum} action={this.props.add} nameButton={'Купить'}/>));
Vlad
как мне возвратить не одну компоненту а компоненту и ещё чтото.
Sergey
https://reactjs.org/docs/fragments.html
Саша
Шо за мода пошла такая? Сколько лет нормально говорили "компонент", и вот недавно(может месяц назад), началось "компонента" Где-то крупный доклад прошел, что ли?
Sergey
Шо за мода пошла такая? Сколько лет нормально говорили "компонент", и вот недавно(может месяц назад), началось "компонента" Где-то крупный доклад прошел, что ли?
хз, я и раньше такое слышал. Это прям как репозитарий. Тоже подбешивает 😁
Саша
Вообще я тож никому не в обиду, просто реально режет слух, не потому что слово новое, а просто не по назначению используется
Vlad
Саша
Это вообще, вас тут много = )
Sergey
https://difficulties.academic.ru/90/%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82_%D0%B8_%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D0%B0
Саша
Тут тоже норм описано применение
Sergey
Тут тоже норм описано применение
я вот всё не пойму, а тут для ссылок таких типа маркдаун или какой синтаксис?))) Это я про "Тут"
Vlad
Это вообще, вас тут много = )
"страница составлена из компонент" - но "использую - компоненту") я думал так правильно.
спасибо, что поправили
Sergey
Sergey
мужской род
Саша
Sergey
[this](https://example.com)
Sergey
🤔
Саша
Не не не, есть список горячих клавиш, не помню где видел, не могу найти
Sergey
нашёл только про Telegram Desktop, а для мака отдельное приложение ещё есть, вот у меня оно
Саша
Правый клик на строку ввода, там будет Formmating
Sergey
а, точняк, всё же оно есть
Sergey
и хоткеи такие же как для Telegram Desktop, но не как на других системах)
Vlad
ребят а можно в компоненту передать JSX код? через пропсы
🐝 dmitriy
катни в кодпен что тебе нужно сделать
Vlad
мне нужно в компоненту прокинуть div
Sergey
можете посоветовать что прочесть? а то я гуглю и никак не могу найти
например https://reactjs.org/docs/render-props.html
Sergey
но наверное нужно просто элементы передать, только неясно о чём именно речь
Vlad
но наверное нужно просто элементы передать, только неясно о чём именно речь
у меня есть список товаров и есть корзина куда складывать буду вещи.
если элемент в товарах, там должен быть инпут(сколько штук купить товара и цена) а если он в корзине то там не должно быть инпута, там должно быть две кнопки и цена.
Соответственно итем у нас один на корзину и на товары.
и я хочу через пропсы передать код типо :
<div>
input
</div>
Sergey
у меня есть список товаров и есть корзина куда складывать буду вещи.
если элемент в товарах, там должен быть инпут(сколько штук купить товара и цена) а если он в корзине то там не должно быть инпута, там должно быть две кнопки и цена.
Соответственно итем у нас один на корзину и на товары.
и я хочу через пропсы передать код типо :
<div>
input
</div>
тут элементы не надо передавать по-моему. Это для другого случая как бы. То есть прям универсальная гибкость не нужна, скорее просто два кейса сделать по какому-то свойству
Vlad
через if?) чтоли
Саша
ребят а можно в компоненту передать JSX код? через пропсы
в компоненту не уверен, а вот в компонент - запросто
Vlad
в компоненту не уверен, а вот в компонент - запросто
блин. извини. буду исправляться. а скажи как это сделать?
Sergey
ну или тернарник скорее
Саша
<div>
{
isShowInput ?
<input />
:
<div></div>
}
</div>
Vlad
я думал прокинуть будет красивее)
Vlad
<div>
{
isShowInput ?
<input />
:
<div></div>
}
</div>
а прокинуть как?) или это нельзя сделать, я чёт не пойму.
Саша
через children
Саша
<div>{ props.chidlren }</div>
Sergey
я думал прокинуть будет красивее)
может и красивее (но вряд ли), а практичнее будет не прокидывать
Vlad
let a = <div>blabla</div>
<Item />
как мне в итем прокинуть то что в "a" условно говоря
Vlad
может и красивее (но вряд ли), а практичнее будет не прокидывать
а если в будущем у меня этот итем будет ещё гдето юзаться?)
Sergey
Саша
А вообще, я вижу острое непонимание как работает реакт, почитайте пожалуйста документацию
Sergey
А вообще, я вижу острое непонимание как работает реакт, почитайте пожалуйста документацию
ну не особо острое)) Бывает и хуже так то
Саша
Да куда уж = ) Это ж работа с пропсами, самая база
Sergey
многие очень долгое время не вдупляли что render props это не что-то специальное))) Ну я прям хз
Vlad
Sergey
когда всё очень просто, люди сами ищут сложности. Особенно если с каких-нибудь ангуляров переходят)
Vlad
я сделал корзину) с удалением и добавлением товаров. Теперь хочу переделать чтобы мог указывать количество товаров которые нужно "кидать" в корзину. Вот и подумал за этот способ
Саша
Заметил такую тему, с появление чатов, народу стало проще попросить решение в чате, чем потратить время на изучение
Sergey
я сделал корзину) с удалением и добавлением товаров. Теперь хочу переделать чтобы мог указывать количество товаров которые нужно "кидать" в корзину. Вот и подумал за этот способ
кидать элементы тут скорее не очень подходящий способ
Vlad
ладно сделаю через тернарный оператор. Так я точно знаю как сделать
Sergey
Заметил такую тему, с появление чатов, народу стало проще попросить решение в чате, чем потратить время на изучение
это да. Я наверное уже много раз писал, но ко мне в команду попал дикий чел ваще))
Саша
ладно сделаю через тернарный оператор. Так я точно знаю как сделать
Лучше разберись как сделать то что ты хочешь сделать, полезнее будет
Vlad
<Item prop={a} />
извините за тупой вопрос) но а какого типа будет этот пропс?
если его описывать в тайп скрипте.
Саша
Sergey
Vlad
спасибо!
Саша
извините за тупой вопрос) но а какого типа будет этот пропс?
если его описывать в тайп скрипте.
гуглится за 5 секунд = )
Sergey
так можно перейти в типы реакта например и много для себя почерпнуть. Ну либо их же на гитхабе поглядеть просто
Sergey
ну и TS Handbook почитать это маст хэв) Хотя там не все прелести
Vasilii
Кто-нибудь вставлял в getsby другое react приложение?