добавь кнопку и метод который будет добавлять их

спасибо

добавь кнопку и метод который будет добавлять их

Думаю он в начале, где только верстка

я вначале

ты используешь функции, либо сделай класс либо попробуй хуки

ты пропсы с лайками внеси в строку с сообщениями

можеш прописать {props.like && `<span>Like ${props.like}</span>`}

а так ты вызвал еще 2 поста

<Post messege='hi' likes='23' />

как то так

ему нужно вроде взаимодействовать в апи, разве нет?

Не, это самые первые уроки

Сам задаёт количество лайков

я вначале

сделай отдельную функцию, её вызывай при клике, увеличивай число в стейте и это число передавай в пост

если хочешь сразу для нескольких создай в состоянии массив из обхъектов для постов с сообщениями и лайками

по методу map отрисуй посты из этого массива

айдишники тоже добавь уникальные

чтобы при клике по кнопке добавить лайк искать такой объект в массиве и ему увеличивать число лайков

я бы помог написать но чуть занят, если хочешь напиши мне вечером помогу

здравствуйте подскажите пожалуйста почему не работает поиск пользователей https://stackblitz.com/edit/react-qhlu73

я понял что ни хрена не понял и то что надо дальше проходить уроки где наглядно Димыч обьясняет, чет я аж вспотел от потока инфы и от того что ни чего мне не понятно.

здравствуйте подскажите пожалуйста почему не работает поиск пользователей https://stackblitz.com/edit/react-qhlu73

сек

я понял что ни хрена не понял и то что надо дальше проходить уроки где наглядно Димыч обьясняет, чет я аж вспотел от потока инфы и от того что ни чего мне не понятно.

Арчера не слушай, он уровнем выше рассказывает. Александр все по делу написал

Здравствуйте подскажите пожалуйста почему поиск не работает должно возвращать пользователей по поиску но ничего не возвращает вот код я думаю что скорее всего только в этом файле проблема

напиши ф-цию searchItems(items, search) { if (search.length === 0) { return items; } return items.filter((item) => { return item.toLowerCase().indexOf(search.toLowerCase()) > -1; }); } render(){ const searchString = this.searchItems(this.state.users, this.state.searchString); } не знаю, получиться

напиши ф-цию searchItems(items, search) { if (search.length === 0) { return items; } return items.filter((item) => { return item.toLowerCase().indexOf(search.toLowerCase()) > -1; }); } render(){ const searchString = this.searchItems(this.state.users, this.state.searchString); } не знаю, получиться

не выходит может еще что-то дописать надо а я не понимаю

?

не выходит может еще что-то дописать надо а я не понимаю

https://stackblitz.com/edit/react-qhlu73

вспомогательный массив, где всегда будут хранится все данные

посколько ты перезаписываешь главный массив по которому отрисовка идёт

и теряешь данные

черт не сохранилос что ли

https://stackblitz.com/edit/react-qhlu73

ты имеешь ввиду что не нужно его перезаписывать?

ага

sec

ты имеешь ввиду что не нужно его перезаписывать?

https://stackblitz.com/edit/react-bycstr?file=Contact.jsx

http://prntscr.com/oiycib

import React from 'react' import axios from 'axios' class Contact extends React.Component { constructor(props) { super(props) this.state = { users: [], searchString: '' } } componentDidMount() { axios.get('https://randomuser.me/api?results=20&inc=name,phone,email') .then((Response) => { console.log(Response.data.results); this.setState({ users: Response.data.results }) }) .catch((error) => { console.log(error); }); } searchUsers = (event) => { this.setState({ searchString: event.target.value }) } searchItems = (items, search) => { if (search.length === 0) { return items; } return items.filter((item) => { console.log(item.name.first); return item.name.first.toLowerCase().indexOf(search.toLowerCase()) > -1; }); } render() { let users = this.state.users users = this.searchItems(this.state.users, this.state.searchString); let names = users.map((element, index) => { return <div key={index}>{element.name.first}</div> }); return ( <div> <input type="text" value={this.state.searchString} onChange={this.searchUsers} placeholder="Search" /> <p>{this.state.searchString}</p> {names} </div> ) } } export default Contact;

лишний метод и переменная

Спасибо большое!

ага

стикера не хватает

😐

стикера не хватает

это точно

😐

👍🏻👍🏻

байкот что ли объвить

И гифки

😔

да!

как всегда угнетают меньшинства

даже голосование не сделали

Ребята, кто подскажет какой визивиг лучше юзать на реакте?

есть это https://n1ed.com

или https://jpuri.github.io/react-draft-wysiwyg/#/

Ребята, кто подскажет какой визивиг лучше юзать на реакте?

раз ты уже не новичёк, спрошу может пользовался с этим https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/about/examples.md

хочу в общем сделать чтобы при перетаскивании блока место куда можно перетащить подсвечивалось, понял как сделать подсветку колонки, но нужно именно ячейки куда ожно перетащить

мне нужно максимально простой)

хочу в общем сделать чтобы при перетаскивании блока место куда можно перетащить подсвечивалось, понял как сделать подсветку колонки, но нужно именно ячейки куда ожно перетащить

Ты уже работаешь во фронте? Смотрю познания у тебя уже умелого кодера)

Разве😯

Кто знает

Кто знает

Так работаешь? Или ещё учишься

Дома сижу

я что то не то делаю

Ты like вынес как пост отдельный а тебе его надо добавить как атрибут в пост

Ты like вынес как пост отдельный а тебе его надо добавить как атрибут в пост

да, спасибо, мне уже подсказали в личку)

Так работаешь? Или ещё учишься

А ты работаешь?

А ты работаешь?

Да, только по своему профилю, но хочу уйти в программирование, изучаю вот js и реакт

Ммммм

подскажите можно ли использовать module css и scss одновременно?

Да

Но зачем

В scss ты можешь обычный css писать

А так в файле где указываются модули для scss так же можно указать и css

Стикеры

Верните

та нашо тебе эти стикеры

иди по хардкору - кидай картинки

Не грузятся

Мне что запретили даже картинки отправлять

Жестокость