Looch
делаешь объект и там хранишь тебе кого выбрал
Viacheslav
from
Вообще всегда задавай "name" инпутам
SᑎOᙖOᖇᑎ
атрибут инпута
в масиве приходит значение, которое по началу должно быть у чекбокса
а потом уже кликать по нему и изменять его значение
и я не знаю, как правильно внести в стейт все ето, что бы оно правильно понимало
Yury
я маплю табличк
в каждой строке есть свой чекбокс, как разделить их, что бы при клике было ясно, куда я кликаю?
создавай массив ключей выбранных и проверяй чекнут у тебя либо нет
Roman
Всем привет. В проекте использую graphql и соответственно apollo. Как лучше сделать корзину для заказов. С помощью apollo state или Context API ?
Артём
<div>
{notes.map(note => `${note} \n \n`)}
</div>
чего хочу добиться: текст в див, где каждая строка note будет отделена пустой строкой.
почему не обернул строку в <p>:
надо обрезать невлезающий текст, для этого он должен быть без обёрток, сплошной многострочный текст.
переносы строк в диве не отображаются, подскажите как добиться описанного поведения?
Alexander
Всем привет, хочу создать пошаговую форму с применением react + redux, можете пожалуйста скинуть туториал ? Хочу посмотреть на архитектуру и какие библиотеки еще устанавливают.
Посоветуйте пожалуйста компонент табов для реакта.
Alexander
<div>
{notes.map(note => `${note} \n \n`)}
</div>
чего хочу добиться: текст в див, где каждая строка note будет отделена пустой строкой.
почему не обернул строку в <p>:
надо обрезать невлезающий текст, для этого он должен быть без обёрток, сплошной многострочный текст.
переносы строк в диве не отображаются, подскажите как добиться описанного поведения?
это не в реакт сообщество, здесь строго по теме обсуждается реакт
wolfe
from
<div>
{notes.map(note => `${note} \n \n`)}
</div>
чего хочу добиться: текст в див, где каждая строка note будет отделена пустой строкой.
почему не обернул строку в <p>:
надо обрезать невлезающий текст, для этого он должен быть без обёрток, сплошной многострочный текст.
переносы строк в диве не отображаются, подскажите как добиться описанного поведения?
вообще наверное проще обернуть всё-таки каждую строчку в свой элеменет (тот же <p />), и уже для него задать overflow ellipsis
SᑎOᙖOᖇᑎ
создавай массив ключей выбранных и проверяй чекнут у тебя либо нет
checked =(e,number) => {
let index = this.state.mass.indexOf(number)
index === -1 ? this.setState({mass: [...this.state.mass, ...number]}) : this.setState({mass: this.state.mass.filter(id => id !== number)})
}
сделал что-что такое, но почему то выдает ошибку - number is not iterable
Yury
checked =(e,number) => {
let index = this.state.mass.indexOf(number)
index === -1 ? this.setState({mass: [...this.state.mass, ...number]}) : this.setState({mass: this.state.mass.filter(id => id !== number)})
}
сделал что-что такое, но почему то выдает ошибку - number is not iterable
ну во первых ты в number что-то не то кидаешь
Anonymous
https://stackoverflow.com/questions/35854244/how-can-i-create-a-horizontal-scrolling-chart-js-line-chart-with-a-locked-y-axis
Вот такой слайдер под графиком хотел.
https://www.highcharts.com/stock/demo/stock-tools-gui
SᑎOᙖOᖇᑎ
и пытаешься его развернуть оператором ...
а если просто число, тогда как его добавить в масив? this.setState({mass: [...this.state.mass, ...number]})
this.setState({mass: this.state.mass.push(number)}) - так как-то же нельзя
Ivan
,number
Garden
Ребят, кто делал инфинити скролл в браузере EDGE, отпишите, пожалуйста
Yury
Nick
Всем привет
нужна хелпа
Сделал миграцию с 15 версии реакта на 16 и такие ошибки как cannot read property 'prop' of null начали крашить все приложение, в 15 просто выводило все в консоль и продолжало рендерить
Как избежать краша приложения?)
Андрей
Yury
можешь подсказать правильный вектор?
у тебя есть стор или таблица просто какая-то тестовая в компоненте?
Nick
Nick
а если просто число, тогда как его добавить в масив? this.setState({mass: [...this.state.mass, ...number]})
this.setState({mass: this.state.mass.push(number)}) - так как-то же нельзя
this.setState({
...this.state,
mass: [...this.state.mass, number]
})
Anonymous
Вот такой слайдер под графиком хотел.
https://www.highcharts.com/stock/demo/stock-tools-gui
КАжется, додумал. Закачиваем с бека массив данных длиной 100. Далее нужен слайдер, который кладёт на state разное кол-во элементов из массива. Где такой взять?
Сергей
Тебе функцию imageHandler нужно переписать на стрелку где сам метод описываешь, а из конструктора удалить биндинг
Yury
imageHandler = () => {}
Stanislav
Я в React новичок, подскажите, что в такого вида архитектуре папок и файлов не хватает или наоборот лишнее?
- index.js
- config.js
- actions
- reducers
- components
- styles
Артем
Арнольд, пишет про замену варианта описания метода класса
imageHandler(...) {...};
на описание свойства класса
imageHandler = (...) => {...};
тогда действительно биндинг не требуется
Sm•ok
Nikolay
Я в React новичок, подскажите, что в такого вида архитектуре папок и файлов не хватает или наоборот лишнее?
- index.js
- config.js
- actions
- reducers
- components
- styles
На вкус и цвет конечно... я бы добавил папки services, helpers. В сервисы бы складировал допустим сервис юзера с его методами типа getUser, updateUser. эти сервисы бы юзали саги, а в хелперы допустим обёртку для api
Артем
если this. тогда описывать это свойство-функцию потребуется в конструкторе =)
Yury
при вызове
Kirill
🦜
Мира
Кто работал с Gatsby и можкт объяснить его назначение?
Gatsby - это как улучшенный Wordpress?
Sm•ok
Нет, это вообще не вп
Мира
Че первым чё вторым клепают статические сайты вроде как
Vitalii
Sm•ok
Че первым чё вторым клепают статические сайты вроде как
Это штука, которая генерит тебе статические страницы. Да.
Нужен для всяких новостных сайтов
Тимофей 🛴
Кто работал с Gatsby и можкт объяснить его назначение?
Gatsby - это как улучшенный Wordpress?
Генератор статических сайтов
Мира
Ну дык
Вордпресс по сути тоже генератор статических сайтов
Тимофей 🛴
Че первым чё вторым клепают статические сайты вроде как
Как wordpress сгенерить статику? Там же всегда нужен сервер
Sm•ok
Ну дык
Вордпресс по сути тоже генератор статических сайтов
Только вп это вообще движок
А гетсби фреймворк для написания своего кода на реакт + ssr
Yury
Al
Всем привет! Начал изучать документацию по Реакт,(собственно игру писать... ну вы поняли)) как сохранить свой код,чтоб не всё заново начинать, а продолжить?
Мира
Я спрашивал за назначение
То что оно по разному работает, понятное дело
Yury
Al
оке спс!))
🦜
а чего должна? где контент сверху закончился, там и отрисовалась походу )
так блок всю высоту занимает и кнопка должна оттолкнуться до конца этого блока от последнего элемента
Тимофей 🛴
Я спрашивал за назначение
То что оно по разному работает, понятное дело
Ну назначение одинаковое да) делать сайты
Yury
так блок всю высоту занимает и кнопка должна оттолкнуться до конца этого блока от последнего элемента
так у тебя кнопка внутри этого блока
Мира
Ну, тогда не буду переключатся на ВП если в реакте есть такая прекрасная вещь
Anonymous
https://stackoverflow.com/questions/35854244/how-can-i-create-a-horizontal-scrolling-chart-js-line-chart-with-a-locked-y-axis
Вот.
https://github.com/chartjs/Chart.js/issues/830#issuecomment-78844378
И несколько других решений по поиску по "chart js bar chart slider to dataset range".
Мира
А то я с горя думал учить пыху и вп, ибо на фрилансе обычный реакт не нужен
Andrey
Bohdan
Как запустить jest для одного файла точно по имени? Он мне запускает все файлы, в именах которых есть как подстрока введенное мной имя
Dmitry
Возможно как то в CRA разбить CSS (использую styled) на чанки?
А то выходит 500Кб одним файлом, многовато...
🅅aleriy
Возможно как то в CRA разбить CSS (использую styled) на чанки?
А то выходит 500Кб одним файлом, многовато...
хочешь чтобы страница отрисовывалась, а потом подгружались стили и накладывались на верствку? :))
Мира
Возможно как то в CRA разбить CSS (использую styled) на чанки?
А то выходит 500Кб одним файлом, многовато...
Эджектить КРА и копаться в чем угодно, наверно