Я вот делаю 2 проекта, 1. Это пишу всё что вижу в уроках 2. Это точно такой же, но своя разметка и немного другая структура файлов. И когда пишу в своём то в первый подсматриваю только если совсем забыл. Да это медленнее но я 1. Лучше понимаю 2. Лучше запоминать что и как сделано.

https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Statements/debugger

вот

я просто консолю всё по очереди

import React from 'react'; import s from './Dialogs.module.css'; import DialogItem from './DialogItem/DialogItem'; import Messege from './Messege/Messege'; import { AddMessegeCreator, UpdateNewMessegeCreator } from "../../Redux/state"; const Dialogs = (props) => { let dialogsElements = props.state.dialogs.map(d => <DialogItem name={d.name} id={d.id} />); let messegesElement = props.state.messeges.map(m => <Messege messege={m.messege} />) let newMessegeBody = props.state.newMessegeBody; let onSendMessegeClick = () => { props.dispatch(AddMessegeCreator()); } let onNewMessegeChange = (e) => { let body = e.target.value; props.dispatch(UpdateNewMessegeCreator(body)); } return ( <div className={s.dialogs}> <div className={s.dialogs_items}> <div className={s.dialog + ' ' + s.active}> {dialogsElements} </div> </div> <div className={s.messeges}> <div>{messegesElement}</div> <div> <textarea placeholder="enter messege" value ={newMessegeBody} onChange ={onNewMessegeChange} /> </div> <div> <button onClick={onSendMessegeClick}>Add messege</button> </div> </div> </div> ) } export default Dialogs;

Для. Дебагинга жсх нужно что то устанавливать ?

пишешь console.log(значение); смотришь консоль браузера и всё

на OnChange напиши {e => onNewMessegeChange(e)}

не сработало

ничего

где то запятую пропустил?

так файл компилируеться