Size: a a a

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

2021 March 13

О

Олег in React — русскоговорящее сообщество
короче я теперь не очень люблю возню с рефам :DDDD
источник

И

Игорь in React — русскоговорящее сообщество
🖐
источник

И

Игорь in React — русскоговорящее сообщество
Переслано от Игорь
Ребята, подскажите, как перестать рендерить компонент после роутинга на страницу About?
Конкретнее: при нажатии кнопки «Go» мне нужно открыть новую вкладку где будет отображаться только один компонент «AboutAddress».

Проблема: при открытии новой вкладки выводиться не только содердимое AboutAddress, но и другие компоненты, такие как заголовок и импуты. А мне нужно перейти на пустую страницу с <h1>About</h1>, а не добавить его снизу существующих элементов.
источник

И

Игорь in React — русскоговорящее сообщество
Переслано от Игорь
источник

И

Игорь in React — русскоговорящее сообщество
Переслано от Игорь
источник

ИМ

Иван Мелентьев... in React — русскоговорящее сообщество
Есть библиотека для создания таблиц, у которой реализовано копирование с ячейки в буфер обмена?
источник

D

D M in React — русскоговорящее сообщество
Игорь
Переслано от Игорь
Ну так у тебя вон сверху они записаны, значит они рендерятся вне зависимости от страницы. Либо поставь условие при котором они будут рендериться либо перенеси их на другую страницу
источник

И

Игорь in React — русскоговорящее сообщество
D M
Ну так у тебя вон сверху они записаны, значит они рендерятся вне зависимости от страницы. Либо поставь условие при котором они будут рендериться либо перенеси их на другую страницу
Да, догадывался что в этом проблема. Просто этот рендеринг я положил в App, чтобы сделать скрин с примером работы и вам было проще понять проблему. Но этот роутинг нужно сделать в дочернем компоненте и ссылка на редирект выводится в этом компоненте. Поэтому сам компонент обязан быть зарендереным.
источник

И

Игорь in React — русскоговорящее сообщество
Как открыть новую вкладку и выключить все ранее зарендеренные компоненты? Передать через пропсы в App.js параметр вкл/выкл других компонентов? Или это танци с бубном? И есть решение более привлекательнее?
источник

D

D M in React — русскоговорящее сообщество
Игорь
Как открыть новую вкладку и выключить все ранее зарендеренные компоненты? Передать через пропсы в App.js параметр вкл/выкл других компонентов? Или это танци с бубном? И есть решение более привлекательнее?
Если ты хочешь открыть новую страницу без других компонентов, то ты делаешь две страницы. На одной будут одни компоненты, на второй другие.
источник

И

Игорь in React — русскоговорящее сообщество
Да. Так я и хочу. Но на компоненте который мне нужно вывести есть всего один элемент <h1>, а выводятся все компоненты с Home page
источник

ИМ

Иван Мелентьев... in React — русскоговорящее сообщество
У Blueprint  можно ли как-то разрешить выделение текста в таблице? а то скопировать нельзя, а реализация геморная
источник

D

D M in React — русскоговорящее сообщество
Ну я не могу тебе так сказать что не так не видя код )
источник

И

Игорь in React — русскоговорящее сообщество
D M
Ну я не могу тебе так сказать что не так не видя код )
Может это немного поможет:

В App.js я вывожу все компоненты, а именно:

№1 Список биткоин кошельков, который рендерит из массива компонент №2 с карточкой отдельного кошелька. В этой карточке есть ссылка на новую страницу.

При клике на неё у меня снова рендерятся все остальные компоненты включая title, который не связан с компонентом №1 и №2, а просто отрисовывается в App.js.

Как смог. ¯\_(ツ)_/¯ Сорри, за такие нубские вопросы, мне хотябы знать в какую сторону гуглить. Или как лучше реализовать выключение всех остальных элементов.
источник

И

Игорь in React — русскоговорящее сообщество
Могу и гитхаб дать, но не хотел бы вас так утруждать
источник

D

D M in React — русскоговорящее сообщество
Игорь
Может это немного поможет:

В App.js я вывожу все компоненты, а именно:

№1 Список биткоин кошельков, который рендерит из массива компонент №2 с карточкой отдельного кошелька. В этой карточке есть ссылка на новую страницу.

При клике на неё у меня снова рендерятся все остальные компоненты включая title, который не связан с компонентом №1 и №2, а просто отрисовывается в App.js.

Как смог. ¯\_(ツ)_/¯ Сорри, за такие нубские вопросы, мне хотябы знать в какую сторону гуглить. Или как лучше реализовать выключение всех остальных элементов.
Так сделай отдельную страницу. Не складывай все в App.js.
<Route exact path="/wallets" component={Wallet} />
<Route exact path="/about" component={About} />
В компоненте Wallet будут твои кошельки.
В компоненте About будет твой about.
источник

И

Игорь in React — русскоговорящее сообщество
Иван Мелентьев
Есть библиотека для создания таблиц, у которой реализовано копирование с ячейки в буфер обмена?
А если сделать  таблицу без библиотеки и на клик каждой ячейки добавить событие:
navigator.clipboard.writeText(text)
источник

D

D M in React — русскоговорящее сообщество
При клике на редирект ты просто перекидываешь пользователя со страницы /wallets на страницу /about
источник

И

Игорь in React — русскоговорящее сообщество
Хм… можно попробовать. Я изначально всё в App ложил, так как я джун-тудулистер)
источник

ИМ

Иван Мелентьев... in React — русскоговорящее сообщество
Игорь
А если сделать  таблицу без библиотеки и на клик каждой ячейки добавить событие:
navigator.clipboard.writeText(text)
не люблю делать велосипеды\ уже 21 год, надо наконец-то выбрать библиотеку.. (мне по сути и просто выделения хватит, не знаю зачем во многих библиотеках запрещают)
источник