Size: a a a

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

2020 August 25

SE

Stanislav Entaltsev in React — русскоговорящее сообщество
Bugs Bunny
тебе тоже useLocation должен помочь
Да, помогло) Правда, я использую BrowserRouter без нового history и он в props всё кидает. Ах да, проверка не в App, а в Sidebar, а там Sidebar оборачивается в функцию withRouter, чтобы получить обновлённый history
источник

🧙

🧙‍♂️🦹‍♂️🧜‍♂️🧞‍♂️... in React — русскоговорящее сообщество
У кого-то был опыт с styleguidist, uibook и storybook. Можете поделиться плюсами и минусами?
источник

MK

Maxim Kolesnikov in React — русскоговорящее сообщество
🧙‍♂️🦹‍♂️🧜‍♂️🧞‍♂️
У кого-то был опыт с styleguidist, uibook и storybook. Можете поделиться плюсами и минусами?
Storybook юзаю, пока норм.
источник

дк

д к in React — русскоговорящее сообщество
Здравствуйте!
У меня есть кнопка, на ней обработчик висит.
Я хочу что бы при нажатии на кнопку рендерилось новое окно вместо старого.
Я так понимаю нужно в обработчике прописать router? Я не могу понять как это реализовать? Помогите что можно почитать(или посмотреть)?
источник

🧙

🧙‍♂️🦹‍♂️🧜‍♂️🧞‍♂️... in React — русскоговорящее сообщество
Maxim Kolesnikov
Storybook юзаю, пока норм.
Интересует больше сравнение и более конкретный опыт использования
источник

SE

Stanislav Entaltsev in React — русскоговорящее сообщество
У меня тут был вопрос, можно ли как-то создать компонент похожий на styled, чтобы это была как бы обёртка. Кто сможет помочь?
Если просто и коротко, то что-то вроде этого
render компонента: <button {...props}></button>
view: <Button></Button>

Если написать так: <Button>Test</Button>, то в компоненте будет <button>Test</button>
источник

SE

Stanislav Entaltsev in React — русскоговорящее сообщество
Stanislav Entaltsev
У меня тут был вопрос, можно ли как-то создать компонент похожий на styled, чтобы это была как бы обёртка. Кто сможет помочь?
Если просто и коротко, то что-то вроде этого
render компонента: <button {...props}></button>
view: <Button></Button>

Если написать так: <Button>Test</Button>, то в компоненте будет <button>Test</button>
Нашёл) {props.children} передаёт контент компонента
источник

V

Vitaly in React — русскоговорящее сообщество
всем привет а почему нельзя вставить хук таким способом
const init = function () {
   const el = document.getElementById('switcher');

   if (document.body.contains(el)) {
       ReactDOM.render(<Switcher />, el)
   }
};

document.addEventListener('DOMContentLoaded', init);
Hooks can only be called inside the body of a function component
источник

К

Карамультук... in React — русскоговорящее сообщество
Пацаны, react, apollo, sc, ssr - наблюдаю, что в разметке с сервера и после того как прилетел бандл и все перерендерил разные имена классов. Типа вообще другие, не те что с сервера прилетели. Все сломано или так и должно быть?
источник

ʙ

ʙᴀᴋʜʀᴏᴍ in React — русскоговорящее сообщество
Доброго времени всем.

Какие недостатки есть у react-snap? Я читал в инете что это не подойдёт для динамических интерфейсов.
Поделитесь пожалуйста опытом.
источник

DB

Denis Bogdanenko in React — русскоговорящее сообщество
помогите разобраться что не так с ключом? вот весь код https://gitlab.com/DenisBogdanenko/react-to-do-list
источник

DB

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

IS

Ivan Sequend 👾 in React — русскоговорящее сообщество
А какие id у объектов task?
источник

К

Карамультук... in React — русскоговорящее сообщество
Denis Bogdanenko
id или одинаковые или undefined
источник

IS

Ivan Sequend 👾 in React — русскоговорящее сообщество
Id Должны быть разными
источник

IS

Ivan Sequend 👾 in React — русскоговорящее сообщество
1,2,3 ... n
источник

IS

Ivan Sequend 👾 in React — русскоговорящее сообщество
Собственно об этом и говорится в предупреждении в консоли
источник

IS

Ivan Sequend 👾 in React — русскоговорящее сообщество
В крайнем случае в Мапе вместе с Task передавай ещё и ключ
источник

IS

Ivan Sequend 👾 in React — русскоговорящее сообщество
task, n
источник

IS

Ivan Sequend 👾 in React — русскоговорящее сообщество
И key={n}
источник