Vova
Компонент от куда импортнул?
A
Линк из роутера какого то?
Если нет, то юзай просто a
Link - это @material-ui/core/Link
но ведь если использовать просто а и href, то он перезагружает страницу(spa все дела же)
Андрей
Link - это @material-ui/core/Link
но ведь если использовать просто а и href, то он перезагружает страницу(spa все дела же)
Почему он не должен перезагружать страницу?
Sergey
A
А почему перезагрузку страницы можно считать нормальным действием в spa?
Vyacheslav
A
так в доке нету пропса to возможно он и прокидывает в a все пропсы рестом как есть
Да, вот в этом и оказался мой прокол, мне надо было импортнуть react-router-dom Link, а idea подкинула ui-material)
Поменял и всё ок)
Dima
кто-то работал с connected-react-router на git-pages?
Vyacheslav
Артём
как на реакт-спринг анимировать появление и удаление компонента (верхнего), и чтоб другой компонент ниже реагировал на это и плавно сдвигался вверх/вниз?
прочитал доку, пытался по примерам что-то сделать, максимум получилось плавно вставлять/убирать верхний компонент.
распишите алгоритм, кто делал такое
Ilya
как на реакт-спринг анимировать появление и удаление компонента (верхнего), и чтоб другой компонент ниже реагировал на это и плавно сдвигался вверх/вниз?
прочитал доку, пытался по примерам что-то сделать, максимум получилось плавно вставлять/убирать верхний компонент.
распишите алгоритм, кто делал такое
тут не столько на реакт-спринг нужно что-то сделать этакое - сколько смотреть что там с версткой этих компонентов
в частности являются ли размеры вытесняющего блока - фиксированными
Артём
тут не столько на реакт-спринг нужно что-то сделать этакое - сколько смотреть что там с версткой этих компонентов
в частности являются ли размеры вытесняющего блока - фиксированными
нет, не являются. и нижний блок тоже разную высоту может иметь
Ilya
в данном случае я имеюю в виду что размеры блоков не являются автоматически расчитываемыми и в каждый момент времени у блока есть четко заданные размеры
Nurbol
Nurbol
const LinksStack = createStackNavigator(
{
Links: LinksScreen,
Test: Test
},
config
);
Nurbol
как можно перейти с linkscreen на Test
Dmitry
покажи как переходишь
Nurbol
import React from 'react';
import { ScrollView, StyleSheet,View,TouchableOpacity,Text } from 'react-native';
// import { ExpoLinksView } from '@expo/samples';
export default function LinksScreen() {
return (
<ScrollView style={styles.container}>
<View style={styles.helpContainer}>
<TouchableOpacity style={styles.helpLink} onPress={() => this.props.navigation.navigate('Test')} >
<Text style={styles.helpLinkText}>
Igor
у тебя navigation по пропсам неопределен
Slayer
Привествую, css-modules для сайтов без реакта пойдет?
Igor
посмотри через консоль лог все пропсы, если navigation там нет то ищи проблему в другом месте
Тимофей 🛴
Привествую, css-modules для сайтов без реакта пойдет?
Ты все классы только через js что ли собираешься задавать?
Артём
Дмитрий
Подскажите, как сделать импорт данных из json файла. Структура json:
{"city": "111",
"population": "111"
},
{"city": "222",
"population": "222"
}, ...
В компоненте цепанул import data from '.../xxx.json', дальше как с ним работать ?
Maxim
хелп ребят
правильно я понимаю что надо все сайд эффекты оборачивать в useEffect, даже если я руками его вызываю?
Тимофей 🛴
хелп ребят
правильно я понимаю что надо все сайд эффекты оборачивать в useEffect, даже если я руками его вызываю?
Нет, если ты вызываешь его руками, то не нужно
🤴👷♂️🦸♂️🧚♀️
А какие у craco есть аналоги?
Роман
Подскажите, пожалуйста, хороший файл-вивер для реакта (с возможносью просмотра картинок и ПДФ)
Bogdan
подскажите по react-table пожалуйста, есть ли о нее возможность выводить не 10 полей, а если информации меньше, выводить меньше полей сразу?
Vadim
Vadim
Как с ним теперь работать? Просто обращаться data.city?
выведи что ты заимпортил в консоль и посмотри
Герман
какая версия react table? Там есть пропса обычно на дефолтное кол-во полей
Bogdan
какая версия react table? Там есть пропса обычно на дефолтное кол-во полей
да это понятно, но если инфы пришло на 10 полей, а ты указал 20, 10 остануться пустые
Alexandr
Всем доброго времени суток!
Какие есть best practices для следующей ситуации:
На странице слева отображается узкий список элементов.
Справа большая область с детальной информацией о выбранном элементе.
Эту информацию можно редактировать и состояние формы хранится внутри этого компонента редактирования.
Когда пользователь выбирает в меню другой элемент необходимо перед выбором выполнить следующее:
1. Проверить есть ли изменения в текущей открытой форме
2. Если изменения есть - показать диалог с подтверждением действий
3. По нажатию на ДА уже выполнять выбор элемента в списке
По нажатию на нет не выбирать элемент, а просто закрывать диалоговое окно.
Вся проблема в том, что состояние изменен/неизменен и прочее хранится внутри формы и родитель не знает об этом, чтобы принимать решение о показе диалогового окна.
Поднимать всю работу с формой наверх до родителя?
Или можно как то колбэками разрулить?
Anonymous
Герман
да это понятно, но если инфы пришло на 10 полей, а ты указал 20, 10 остануться пустые
укажи 0, тебе потребуется указать минимальную высоту body таблицы только
Роман
Гугловский, не?
Вряд ли как-то можно будет его связать с приложением на реакте, по крайней мере в моей ситуации. С сервера приходят Блобы, я их конвертирую в файлы, а далее уже хочу дать возможность пользователю посмотреть прям на странице. Нашел в нпм одно решение, но оно слабовато по функционалу
Герман
реакт-тейбл вообще ребята, сломали и забросили 6ю версию, написали с ноля 7ю, которая до сих пор в бете.
Сергей
Всем привет, подскажите пожалуйста, как в Redux-saga можно отменить все исходящие запросы? Чтоб по нажатию кнопки, допустим, отменялся запрос
Vadim
реакт-тейбл вообще ребята, сломали и забросили 6ю версию, написали с ноля 7ю, которая до сих пор в бете.
ну она почти релизнулась. Я слежу)
Герман
ну она почти релизнулась. Я слежу)
сам больше года с 6й версией работаю. То что там происходит выглядит печально, 7я была в альфе уже хз сколько времени у тут внезапно релиз все той-же альфы. Мне кажется тайлер просто педалит её в релиз т.к. с 6й версией уже ничего не сделать.
Vadim
сам больше года с 6й версией работаю. То что там происходит выглядит печально, 7я была в альфе уже хз сколько времени у тут внезапно релиз все той-же альфы. Мне кажется тайлер просто педалит её в релиз т.к. с 6й версией уже ничего не сделать.
It's estimated that it will be fully released as a stable version sometime during October 2019.
Герман
там бета уже
да я читаю все тоже самое, он релиз 7й версии еще в прошлом году обещал. Тебя подход 7й устраивает в плане "сделай сам"? Окей там пагинация, фильтры и т.д. терпимо, но куда пропал ресайз колонок
Vadim
Герман
Основная проблема 6й в производительности при рендере больших таблиц, её в комьюнити решали, были примеры. Зачем понадобилось все с ноля делать полностью дропая поддержку 6й версии вообще не понятно. Вот пример решения с виртуализацией
https://codesandbox.io/s/zn2q157w2m
Разраб сказал челу, мол молодец, но все будет в 7й версии. В итоге что есть в 7й- ничего))
Anonymous
Вряд ли как-то можно будет его связать с приложением на реакте, по крайней мере в моей ситуации. С сервера приходят Блобы, я их конвертирую в файлы, а далее уже хочу дать возможность пользователю посмотреть прям на странице. Нашел в нпм одно решение, но оно слабовато по функционалу
https://docs.google.com/viewer?url=http://www.africau.edu/images/default/sample.pdf&embedded=true
Вот тебе пример
Вставляешь это в iframe
Роман
https://docs.google.com/viewer?url=http://www.africau.edu/images/default/sample.pdf&embedded=true
Вот тебе пример
Вставляешь это в iframe
Это ведь для статичных файлов? У меня это динамика приходящая блобом, то есть фактически на сервере нет этих файлов
Anonymous
Looch
!спам
Bogdan
какая версия react table? Там есть пропса обычно на дефолтное кол-во полей
тоесть видимо если указал по дефолту 10 полей, не убрать лишние? типо придет 3 записи, полей 10, 0 и будет же?
Герман
тоесть видимо если указал по дефолту 10 полей, не убрать лишние? типо придет 3 записи, полей 10, 0 и будет же?
не совем понял. Если ты на 7й версии, то я не знаю как там.
На 6й
Если по дефолту 10, пришло 3 то будет 10
Если по дефолту 0, пришло 3 то будет 3
Если 0 и пришло 0, то не будет ничего, но тогда словишь проблемы с версткой в таблице
Bogdan
не совем понял. Если ты на 7й версии, то я не знаю как там.
На 6й
Если по дефолту 10, пришло 3 то будет 10
Если по дефолту 0, пришло 3 то будет 3
Если 0 и пришло 0, то не будет ничего, но тогда словишь проблемы с версткой в таблице
ну вот когда по дефолту 10, а нужно сделать, что бы пришло 3, нарисовал 3, этого там не сделать?
Герман
Вот из доки описание пропсы
minRows: undefined, // controls the minimum number of rows to display - default will be `pageSize`
// NOTE: if you set minRows to 0 then you get rid of empty padding rows BUT your table formatting will also look strange when there are ZERO rows in the table
Mikhail
ну вот когда по дефолту 10, а нужно сделать, что бы пришло 3, нарисовал 3, этого там не сделать?
это делается в колбеке для row
Mikhail
Mikhail
а вообще нужно переходить на 7 просто
Vadim
а вообще нужно переходить на 7 просто
сложно на него перейти, если в проекте уже таблиц 10 написано
Bogdan
Oleg
Mikhail
сложно на него перейти, если в проекте уже таблиц 10 написано
я сейчас перехожу, у меня больше 20 таблиц. просто переписываю, это 2-3 дня делать одному максимум
Vadim
Mikhail
Герман
я сейчас перехожу, у меня больше 20 таблиц. просто переписываю, это 2-3 дня делать одному максимум
потеря ресайза колонок не критична? Там же по сути предлагается писать собственный компонент таблицы
У меня еще обертки в виде чекбоксов (выделение строк), сворачивания колонок, кастомные фильтры, кастомная серверная пагинация. Этот проект уже не удедет с 6й версии =)
Vadim
так я понимаю, что такое темплейты.
видимо не совсем) https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/template_strings#%D0%A2%D0%B5%D0%B3%D0%BE%D0%B2%D1%8B%D0%B5_%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B