Size: a a a

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

2021 March 31

F

Finn Eisenberg in React — русскоговорящее сообщество
Vetro
А ещё лучше не писать классовые компоненты
Так надо)
источник

V

Vetro in React — русскоговорящее сообщество
Finn Eisenberg
Так надо)
Бизнес требует?
источник

F

Finn Eisenberg in React — русскоговорящее сообщество
Vetro
Бизнес требует?
Так точно)
источник

QM

Qila Manta in React — русскоговорящее сообщество
Finn Eisenberg
Так надо)
Короче пиши внизу объект matchdispatchtoprops, туда засовывая диспатч фетчаБайкИнфо
источник

V

Vetro in React — русскоговорящее сообщество
Значит надо объяснить бизнесу что лезть в детали реализации не его прерогатива
источник

F

Finn Eisenberg in React — русскоговорящее сообщество
Vetro
Значит надо объяснить бизнесу что лезть в детали реализации не его прерогатива
Будет труднее чем прокинуть айди))
источник

V

Vetro in React — русскоговорящее сообщество
Если только у вас не сертифицируемые по госту коммиты и библиотеки
источник

V

Vetro in React — русскоговорящее сообщество
С чем можно только пособолезновать
источник

V

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

T

Tim in React — русскоговорящее сообщество
если у тебя линукс\мак то папки с точкой вначале могут быть скрытыми
источник

И

Илья in React — русскоговорящее сообщество
artem sdobnikov
к сожалению нет
сам искал ничего не находил
пробовал на практике методом тыка и доки)
Друже, подскажи пожалуйста ты делал анимацию аккордеона ? Каким свойством пользовался ? Если я беру transform: translate то он просто улетает поверх остального контента, а не заезжает под него. Если брать height то он сжимает его до минимального значения так что текст все равно видно, а потом исчезает.
источник

SW

Shiro Wayfy in React — русскоговорящее сообщество
ребят, не понимаю, почему на выходе лишь 2 объекта в массиве
источник

SW

Shiro Wayfy in React — русскоговорящее сообщество
let message = 'Sed utasfasf;;afsfasfasfas;; doloremque #ffa000laudantium, ;;fsafaas:asfasf;; #ffe000totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae'
   let n = 6;
   let obj = {}
   let firstIndex;
   const listOfStrings = []
   message.split('').forEach((el, j) => {
     if (message.match(/;;(.+?);;/g)) {
       firstIndex = /;;(.+?);;/.exec(message).index
       lastIndex = /;;(.+?);;/.exec(message)[0].length + firstIndex
     }
     if (j === firstIndex) {
       obj.text = ';'
       obj.color = ''
     } else if (j === lastIndex) {
       message = message.replace(/;;/, 'nn').replace(/;;/, 'nn')
       obj = {
         text: ''
       }
     } else if (j + 1 === firstIndex) {
       obj.text += message[j]
       listOfStrings.push(obj)
     } else {
       obj.text += message[j]
     }
   })
источник

DK

Dmitry Kozlov in React — русскоговорящее сообщество
Ребята, пожалуйста помогите понять поднятие состояния от дочернего к род. компоненту, В офф доке не совсем понял пример. Может кто накидать максимально простой код, который это иллюстрирует. Спасибо!
источник

А

Антон in React — русскоговорящее сообщество
Dmitry Kozlov
Ребята, пожалуйста помогите понять поднятие состояния от дочернего к род. компоненту, В офф доке не совсем понял пример. Может кто накидать максимально простой код, который это иллюстрирует. Спасибо!
//before
const Child = () => {
const [state, setState] = useState(0)
return (
 <span>{state}</span>
)
}
//After:
const Parent = () => {
const [state, setState] = useState(0)
return (
 <Child state={state} />
)
}

const Child = (props) => {
return (
 <span>{props.state}</span>
)
}
источник

DK

Dmitry Kozlov in React — русскоговорящее сообщество
Антон
//before
const Child = () => {
const [state, setState] = useState(0)
return (
 <span>{state}</span>
)
}
//After:
const Parent = () => {
const [state, setState] = useState(0)
return (
 <Child state={state} />
)
}

const Child = (props) => {
return (
 <span>{props.state}</span>
)
}
Спасибо, сейчас гляну)
источник

DK

Dmitry Kozlov in React — русскоговорящее сообщество
Антон
//before
const Child = () => {
const [state, setState] = useState(0)
return (
 <span>{state}</span>
)
}
//After:
const Parent = () => {
const [state, setState] = useState(0)
return (
 <Child state={state} />
)
}

const Child = (props) => {
return (
 <span>{props.state}</span>
)
}
Это разве поднятие состояние от дочернего к родительскому?
источник

А

Альберт in React — русскоговорящее сообщество
Антон
//before
const Child = () => {
const [state, setState] = useState(0)
return (
 <span>{state}</span>
)
}
//After:
const Parent = () => {
const [state, setState] = useState(0)
return (
 <Child state={state} />
)
}

const Child = (props) => {
return (
 <span>{props.state}</span>
)
}
Это никакое не поднятие состояние. Ты просто передаёшь изменяемое со временем состояние через пропс. Если ты хочешь изменить состояние из дочернего в родительском нужно передать функцию в пропс
источник

А

Антон in React — русскоговорящее сообщество
Dmitry Kozlov
Это разве поднятие состояние от дочернего к родительскому?
Нет, я тебе просто пример, функцию сам сможешь передать я думаю
источник

DK

Dmitry Kozlov in React — русскоговорящее сообщество
Альберт
Это никакое не поднятие состояние. Ты просто передаёшь изменяемое со временем состояние через пропс. Если ты хочешь изменить состояние из дочернего в родительском нужно передать функцию в пропс
Да, именно из дочернего хочу в родительском изменить. Можете пожалуйста показать пример кода, просто измучился уже
источник