а кто сказал что фетч даты в экшене это вью
Ты даже протестить такой компонент не сможешь, он у тебя гвоздями прибит к твоем «экшену», а экшен к стору
Тимофей 🛴
Dmitry
renderByType = val => {
if...
}
{ renderByType(‘1st’) }
Maxim
а если renderByType(value) вынести в метод?
он спросил за if else в jsx, причем тут выносить в методы
Daniil
voix
а кто сказал что фетч даты в экшене это вью
Так ты имеешь ввиду просто написание своего решения вместо миддлвари. Да, можешь делать так. Потом, когда поймешь, чем это плохо, перейдешь на простые и готовые решения. Или не перейдешь.)
Maxim
https://codesandbox.io/s/lingering-grass-zpebn
можно
аха, лучше не показывай это никому, потом код рефакторить придеться, удали
Anonymous
аха, лучше не показывай это никому, потом код рефакторить придеться, удали
красиво (нет) с темы съезжаешь
Maxim
https://codesandbox.io/s/lingering-grass-zpebn
можно
Ну и то я бы не сказал что это в jsx, иф же в функции находиться
Ivan
аха, лучше не показывай это никому, потом код рефакторить придеться, удали
Это proof of concept. Конечно же за такой код нужно бить ногами.
Anonymous
Ну и то я бы не сказал что это в jsx, иф же в функции находиться
jsx тоже в функции находится
Denis
значт {renderByType()} это не jsx, а {() => {}} - jsx? 😄
Maxim
значт {renderByType()} это не jsx, а {() => {}} - jsx? 😄
потому и говорю что не сказал бы что это jsx, так как это просто функция вызываеться обычная где возращаеться jsx
Anonymous
потому и говорю что не сказал бы что это jsx, так как это просто функция вызываеться обычная где возращаеться jsx
в тернарнике тоже возврщается jsx)
Maxim
но тернарник в jsx написан, а там иф в функции)
Denis
короче ответ на вопрос - нет, ифы непосредственно в jsx воткнуть нельзя
Vladimir
короче ответ на вопрос - нет, ифы непосредственно в jsx воткнуть нельзя
ну да https://github.com/AlexGilleran/jsx-control-statements
Denis
доказательство, что ифы можно писать в jsx (но не надо так)
чиво, где корреляция между этим пакетом и возможностью писать ифы в джсх?
там черным по белому написано что это бабель плагин
или если я сделаю плагин который будет вызывать стрингифай для объекта внутри jsx, то ты скажешь что и объекты в него можно класть?
Anonymous
Vladimir
чиво, где корреляция между этим пакетом и возможностью писать ифы в джсх?
там черным по белому написано что это бабель плагин
или если я сделаю плагин который будет вызывать стрингифай для объекта внутри jsx, то ты скажешь что и объекты в него можно класть?
const If = ({children, condition}) => condition ? children : null;
<If condition={true}>Kek</If>
Denis
const If = ({children, condition}) => condition ? children : null;
<If condition={true}>Kek</If>
счастья в личной жизни и удачи)
Denis
как же тогда jsx трансформируется в js?
что за мода вопросами на вопрос отвечать
несвязными вопросами
я сказал что можно не юзать бабель, а ты спрашиваешь а как же он трансформируется 🤷♂️
Denis
https://dev.to/devalnor/running-jsx-in-your-browser-without-babel-1agc
первая ссылка в гугле (не читал)
Vladimir
щас нам что-то интересное расскажут
ssshhh
привет, я смапил родительскую строку
и внутри смапил дочернюю
и так у меня получилось некоторое колисество таких блоков
при нажатии на родителя мне нужно что би дети сворачивались и при повторном розворачивались
я питаюсь делать с помощю хуков
в один я всовиваю ключ по которому я сравниваю чтоби при нажатии на конкретний родитель свертивались конкретние дети
и хук для отображения(useState и то и то)
но виходит так, что я нажал на родителя 1 - дети свернулись
нажимаю на родителя 2(ожидаю что теперь его дети свернуться) - но сначала розвернулись дети 1 родителя и уже тогда при повторном нажатии сворачиваються дети 2 родителя
а нужно что би можна било одновременно сворачивать все и розворачивать
вопрос - можно ли ето как -то исправить используя хуки или нужно переходить на класовие компоненти?
Anonymous
что за мода вопросами на вопрос отвечать
несвязными вопросами
я сказал что можно не юзать бабель, а ты спрашиваешь а как же он трансформируется 🤷♂️
ты сказал "и вообще нет" покажи мне где тут вопросительный знак, пожалуйста, покажи пожалуйста где ты сказал что "можно не юзать бабель"
Я не спорю что jsx превращать в js можно разными способами. И все же тебя смутило что та библиотека использует бабель, почему тебя не смущает тогда что react тоже использует бабель?)
Yury
Denis
ты сказал "и вообще нет" покажи мне где тут вопросительный знак, пожалуйста, покажи пожалуйста где ты сказал что "можно не юзать бабель"
Я не спорю что jsx превращать в js можно разными способами. И все же тебя смутило что та библиотека использует бабель, почему тебя не смущает тогда что react тоже использует бабель?)
перед "и вообще нет"
меня ничего не смутило, мы говорим про реакт из коробки, ясен день что с плагинами можно хоть звезду с неба достать
Andrey
https://dev.to/devalnor/running-jsx-in-your-browser-without-babel-1agc
первая ссылка в гугле (не читал)
а мог бы попробовать
там вообще-то написано, что жсх через бабель, и приведен пример HTM синтаксиса (через template string)
Anonymous
перед "и вообще нет"
меня ничего не смутило, мы говорим про реакт из коробки, ясен день что с плагинами можно хоть звезду с неба достать
ну так я отвечаю не на первое предложение а на второе, неужели это не понятно из того что я написал?
Oruj
кажется запускается шарманка
Kirill
Bohdan
А как вставить ребенка по условию? Но так чтоб в ложном случае не вставлялось вообще ничего.
Ilya
А как вставить ребенка по условию? Но так чтоб в ложном случае не вставлялось вообще ничего.
{shouldShowChild && <div/>}
Bohdan
не должно. Код в студию
Там либа просто обходит детей через React.Children и там этот false есть в дебаггере
Bohdan
в разметку он конечно не попадает
Bohdan
Тогда массив чайлдов придется формировать заранее
Так это JSX. Как мне в нем написать условие, которое не создает лишних детей?
Ilya
Так это JSX. Как мне в нем написать условие, которое не создает лишних детей?
создать массив за пределами jsx и отфильтровать его
Oleg
ничего не сломается, если обновить react-redux с 5.1.1 до 7.1.1?
Ivan
ничего не сломается, если обновить react-redux с 5.1.1 до 7.1.1?
Обновить и проверить сложнее, чем написать в чат?
R
привет, помогите с роутером. import AddMeal from "./AddMeal";
import AllMeals from "./AllMeals";
const Meals = ({ match }) => (
<Fragment>
<AppHeader />
<div className="app-main">
<AppSidebar />
<div className="app-main__outer">
<div className="app-main__inner">
<Route path={${match.url}/all} component={AllMeals} />
<Route path={${match.url}/add} component={AddMeal} />>
</div>
<AppFooter />
</div>
</div>
</Fragment>
);
Ivan
может, у кого-то опыт был?
Он будет для тебя нерелевантен. Это зависит от того, как ты используешь библиотеку.
R
если урл meals/add не переходит, на addmeal, а переходит на allmeals
R
{
icon: "pe-7s-male",
label: "Get all meals",
to: "#/meals/all"
},
{
icon: "pe-7s-female",
label: "Add",
to: "#/meals/add"
} это навы
Evgeniy
Всем привет, у меня вот такая проблема, нужен regexp который матчится на латинские буквы и все остальные символы пробелы спец. и тд.
Нагуглил вот такой regexp /^[\p{sc=Common}A-Za-z]*$/gu.test(value.toString()).
Вроде бы все окей работает, но есть одно но, когда собираю продакшн билд, то ли TS то ли babel вырезает часть с \p{sc=Common}. Подскажите плиз мб другой вариант с регуляркой есть, липо способ с nранспаилом, использую create-react-app
Oruj
интересно, а редакс диспатч можно передать через connect(mapDispatchToProps)(Component)
без mapStateToProps
Gleb
интересно, а редакс диспатч можно передать через connect(mapDispatchToProps)(Component)
без mapStateToProps
можешь сделать просто connect()(Component)
Oleg
Oruj
да
а ну да, без аргументов тогда.
и dispatch брать через
`import store from "./store/store"
store.dispatch(actionName(payload))`
Nurdan
интересно, а редакс диспатч можно передать через connect(mapDispatchToProps)(Component)
без mapStateToProps
Да, вместо mapStateToProps ставишь null:
connect(null, mapDispatchToProps)(Component)
Gleb
а ну да, без аргументов тогда.
и dispatch брать через
`import store from "./store/store"
store.dispatch(actionName(payload))`
у тебя dispatch вместе с функцией connect прокидывается
Gleb
Artem
Gleb
Oleg
короче, походу обновить react-redux в моём случае нельзя :/
Sergey
а вообще для сео в связке ноджс и реакт выбирают nextjs?
Есть razzle
Next слишком многое навязывает
Alex
после нескольких проектов зарекся next использовать. теперь только разл
Kurzdor
ой зря ты вообще сюда пришел
Denis
там про реакт что-то есть?