Oleg
а messages у тебя один для всез пользователей?
Андрей
Но при этом в эти блоки нужно поместить информацию из другого масива с объектами
Андрей
Первый массив выводится нормально
Андрей
а второй выводит только первые сообщения в обоих блоках
Oleg
то есть props.messages содержит что то типа props.messages = [ 'dfgdfg', 'dwertehg', 'vbnbn']
Oleg
или так?
Oleg
props.messages = [
{message:'dfgdfg'},
{message: 'dwertehg'},
{message: 'vbnbn'}
]
Roman
Всем привет. есть тут знатоки електона?
Oleg
-
Oleg
или так)
Oleg
props.messages = [
{message:'dfgdfg', isAdmin: true},
{message: 'dwertehg', isAdmin: true},
{message: 'vbnbn', isAdmin: true}
]
Андрей
Oleg
где закрывается первый map&
Oleg
?
Андрей
{props.userDetails.map((ms, index) => <div key={index} className={a.containerChat}>
<div className={a.containerSmallChat}>
<div className={a.headerChat}>
<div>
<p>Name-{ms.name}</p>
<p>Email-{ms.email}</p>
<p>RoomID-{ms.roomID}</p>
</div>
</div>
<div className={a.mainContainer}>
<ul key={index} className={a.Messages_list}>
{props.messages.map((ms, index) => <li key={index} className={a.Messages_message} >
<div className={a.Message_content}>
{ms.isAdmin ?
<div className={a.textForAdmin}>{ms.message}</div> :
<div className={a.text}>{ms.message}</div>}
</div>
</li>)}
</ul>
</div>
{/*<Messages key={index} messages={props.messages} />*/}
<AdminInputContainer />
</div>
</div>)}
Андрей
вот полный код
Oleg
я бы для начала у второго map поменял имена (ms, index) на другие
Oleg
врядли это влияет но читабельность ненмого повысило б
Oleg
хотя тож хз, переопределение переменных
Oleg
ну и дебажить, так вроде все норм
Андрей
В том то и проблема что ошибок нет выводится не то
Андрей
Может выводить надо по другому?
Oleg
надо дебажить, смотреть что в пропсах на второй итерации первого мапа
Oleg
ставь брейкпоинты
Андрей
Данные приходят
Maks
добрый день,скажите плз ,это норм что мне дали в качестве тестового задания с помощью React & Phaser.js создать поле для морского боя с заполнением его кораблями?
Maks
а то я чет немного другого ожидал....
Oleg
конечно нормально, они тебе деньги будут платить, так что могут требовать от тебя нужных им твоих навыков
Maks
И чего же ты ожидал?)
2+2,чего же еще))
вообще не ожидал увидеть Phaser.js ,еще не приходилось с ним сталкиваться...буду читать щас😇
акионка.
Дима ничего не сообщал о том где видео?
Denys
2+2,чего же еще))
вообще не ожидал увидеть Phaser.js ,еще не приходилось с ним сталкиваться...буду читать щас😇
Так ты же будущий программист, а значит должен быть гибким, быть готовым к новому
Denys
Загугли, изучи и вперед)
Андрей
в верху данные поменялись а сообщения одни и теже
Oleg
ну дак все верно
Oleg
так и должно быть) ты выводиш сообщения не конкретного пользователя а вообзе все какие есть
Oleg
они одинаковые для всех
Андрей
нет я вывожу сообщения только первого пользователя)
Андрей
это сторона администратора
Oleg
нет, все)
Oleg
props.messages.map
Андрей
когда пользователь входит у администратора он появляется
Oleg
ms.messages.map может ты так хотел вывести ?
Андрей
сейчас попробую, но мне кажется вряд ли, мотому что в массиве userDetails нет messages)
Андрей
это отдельный массив
Андрей
в этом вся проблема
Oleg
ну вполне возможно
Oleg
дело в том что ты назвал одинаково переменные обоих мапов и изза этоо запутался
Андрей
я вот и думаю может 3 массива поместить в объект и парсить его
Oleg
переименуй у второго мапа входные переменные
Oleg
ты переопределяеш ms и ms первого мапа где хранится изАдмин возвращается фолс скорее всего
Oleg
точнее ms второго мапа перекрывается ms первого мапа, а ms.isAdmin это обращение к ms первого мапа
Oleg
бля надеюсь понятно,
Андрей
сейчас проверю
Андрей
тоже самое
Андрей
я находил инфу что вот так делают
Андрей
render() {
let images = this.state.images.map((image) => <img key={image} src={image}/> );
let items = this.state.items.map((item) => <span key={item}>{item} );
return(
<div>
{images.map((image, index) => <div>{image}{items[index]}</div>)}
</div>
)
}
Андрей
или если с объектом массивов
Андрей
render () (
<ul>
{Object.keys(this.props.data).map((propKey) => {
<li key={propKey}>
{this.props.data[propKey]}
<ul>
{Object.keys(this.props.data[propKey]).map((childPropKey) => {
<li key={childPropKey}>
{this.props.data[propKey][childPropKey]}
</li>
})}
</ul>
</li>
})}
</ul>
);
Oleg
так
Oleg
информация в стейт от куда берется?
Oleg
с апи?
Alex_
ms.isAdmin в UserDetails у тебя?
Alex_
как то все там переплетено .State локальный Reducer что там
Alex_
кинь кинь структуру
Alex_
messa
Alex_
при переходах по комнатах сдесь меняется ms.isAdmin ? true false?
Alex_
дв вопрос некоректен собственно
Андрей
messages:[{message:"text", isAdmin:true}]
Андрей
isAdmin влияет на то какой стиль у сообщений
Андрей
от админа они или от пользователя
Андрей
let initialState = {
admins: [],
messages: [],
userDetails: [],
}