Да сделал уже так, просто как то глаза режет сетстейт, который по сути ничего не делает, кроме как обновляет одну переменную которая нигде не используется) думал может можно покрасивее

Локалка на итеме меняет стейт а состояние контейнера надо было менять

forceupdate вроде

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

Не, Типо надо как раз, чтоб в компоненте фаворит при дизлайке итемы исчезали оттуда сразу же)

Привет

HELP! На 45 видосе по React. Вот такая ошибка Failed to compile ../node_modules/react-redux/es/utils/reactBatchedUpdates.js Module not found: Can't resolve 'react-dom' in 'g:\projects\REACT lesson-1\project\01-project\node_modules\react-redux\es\utils' Что за ошибка? и как исправить? Может кто сталкивался? react-redux установил, импорты из react-redux все сделал . Всё проверил фактически строчка в строчку по видео

ничего не помогло( переустановил винду react, redux, react-redux импорты проверил. Всё работает до того момента пока не импортируешь Provider и connect из react-redux Может у кого есть рабочая версия 45 урока? Не хочется бросать

"name": "my-app", "version": "0.1.0", "private": true, "dependencies": { "react": "^16.8.6", "react-dom": "^16.8.6", "react-router-dom": "^5.0.0", "react-scripts": "2.1.8", "redux": "latest", "react-redux": "latest" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, "eslintConfig": { "extends": "react-app" }, "browserslist": [ ">0.2%", "not dead", "not ie <= 11", "not op_mini all" ] }

"react-redax" ? react-redux Может?

А, это опечатка

Да, опечатка сорри)

Скрин импорта?

Попробуй npm install --save react-dom, npm run test, npm run start

Удали папку node_moduls

И установи заново

npm install

http://prntscr.com/ohzosa 56 урок. Когда подключаю в метод render другую компоненту, не срабатывает метод componentDidMount. Не могу получить данные с сервера. http://prntscr.com/ohzpbz

Пересобрал проект, появились

Привет всем. У меня есть компонент с редюсером. Внутри этого компонента должна быть другой со своим редюсером. Как можно реализовать такую архитектуру

Привет всем. У меня есть компонент с редюсером. Внутри этого компонента должна быть другой со своим редюсером. Как можно реализовать такую архитектуру

CombineReducers тебе в помощь

CombineReducers тебе в помощь

Спасибо!

http://prntscr.com/ohzosa 56 урок. Когда подключаю в метод render другую компоненту, не срабатывает метод componentDidMount. Не могу получить данные с сервера. http://prntscr.com/ohzpbz

Что за тема

блин просмотрел последний урок по формам этот какойто ужос

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

не ужели нельзя обдать это все уже готовому где все будеть делать брозер

типо такого

<p><h2>Дневное новые показатели -<input autofocus type="number" required id="daynew"></p></h2> <p><h2>Дневное старые показатели -<input type="number" required id="dayold"></p></h2> <p><h2>Ночное новые показатели -<input type="number" required id="nightnew"></p></h2> <p><h2>Ночное старые показатели -<input type="number" required id="nightold"></p></h2> <a><input type="submit" value="Понеслось" onclick="zero()"></a> <b>1 :</b><a>-</a> <script > function zero(){ var dayNew=document.getElementById("daynew"); //Дневное потребление новые показатели var dayOld = document.getElementById("dayold");//Дневное потребление старые показатели var nightNew = document.getElementById("nightnew");//Ночное потребление новые показатели var nightOld = document.getElementById("nightold");//Ночное потребление старые показатели if (dayNew.value==''){dayNew.focus()} else if (dayOld.value==''){dayOld.focus()}else if (nightNew.value==''){nightNew.focus()}else if (nightOld.value==''){nightOld.focus()}else r123();

броузер все обробатывеет и окошки там выскакивают сразу че в этих формах все так туго

Привет

кто хочет проверить работоспособность fontawesomePro без лицензии?

себе с лицензией поставил, хочу проверить сработает ли после копирования в другой проект

отправлю вам зип с модулем, импортируете у себя

Что за тема

http://prntscr.com/oi39tt

пожалуйста помогите в чем у меня проблема

data: [ { "id": 1, "name": "FIT", "about": "Some about FIT", "departments_of_faculty": [ { "id": 1, "name": "POKS", "about": "Some about POKS", "teachers": [ { "id": 1, "name": "Saliev Alisher Borubaevich", "photo": null, "status": "professor", "contact": "email: alisher@mail.ru" }, { "id": 2, "name": "Stamkulova Guldana Kubanychbekovna", "photo": null, "status": "teacher", "contact": "phone: +996555444585" } ], "groups": [ { "id": 1, "name": "IS(b)1-16", "grade": 1 }, { "id": 2, "name": "PI(b)1-14", "grade": 2 } ] } ] } ], groups: [],

Get_Groups(){ this.setState({ groups:this.state.data.departments_of_faculty.groups }) console.log(this.state.data.departments_of_faculty.groups) console.log(this.state.groups) }

такое ощибку дает Cannot read property 'groups' of undefined

как можно получить groups data

Ну потому что у тебя массив data, а ты обращаешься к полю объекта

this.state.data[0].departments_of_faculty[0].groups

Друзья помогите, такая проблема. Есть 2 компонента input и message в input заношу данные, как после занесения данных в базу мне обновить компоненту message? Можно это сделать без перезагрузки?

Друзья помогите, такая проблема. Есть 2 компонента input и message в input заношу данные, как после занесения данных в базу мне обновить компоненту message? Можно это сделать без перезагрузки?

Компоненту message обновляй вместе в занесением в БД, React и так не перезагружает страницу, а перерисовывает только изменения

onSubmit(e) { e.preventDefault(); const obj = { name: this.props.name, message: this.props.message, }; axios.post('http://localhost:4000/business/add', obj) .then(res => console.log(res.data)); document.location.reload(); }

я делаю сейчас вот так, но что нужно написать вместо document.location.reload(), что бы у меня изменилась компонента Message?

я делаю сейчас вот так, но что нужно написать вместо document.location.reload(), что бы у меня изменилась компонента Message?

убери релоад вообще, в компоненту <Massage />, незначю как там у тебя, вставь {this.props.message}

убери релоад вообще, в компоненту <Massage />, незначю как там у тебя, вставь {this.props.message}

class Messages extends React.Component{ constructor(props){ super(props); this.state = {business: []}; } componentDidMount(){ axios.get('http://localhost:4000/business') .then(response => { this.setState({ business: response.data }); }) .catch(function (error) { console.log(error); }) } tabRow(){ return this.state.business.map(function(object, i){ return <MessagePost obj={object} key={i} />; }); } render(){ return ( <ul className={m.Messages_list}> { this.tabRow() } </ul>) } } export default Messages

и куда их тут вставлять?

и куда их тут вставлять?

у тебя не отсюда OnSubmit вызывается...

у тебя не отсюда OnSubmit вызывается...

он в Input компоненте, так в этом и загвоздка

он в Input компоненте, так в этом и загвоздка

Так куда тебе вставить то надо в строку таблицы или в Input?

Так куда тебе вставить то надо в строку таблицы или в Input?

мне надо перерисовать компонент Message, когда изменились данные в таблице

тесть я заношу данные с помощью Input компоненты, а отображаются они с помощью Message.

мне надо перерисовать компонент Message, когда изменились данные в таблице

Покажи, где отображаешь Message

Покажи, где отображаешь Message

Тебе компоненту показать?

Тебе компоненту показать?

Можно и ее, но вообще лучше, где ее выводишь, туда и надо вставлять.

import React from 'react'; import m from './Messages.module.css'; import MessagePost from './MessagePost/MessagePost' import axios from "axios"; import ReactDOM from "react-dom" class Messages extends React.Component{ constructor(props){ super(props); this.state = {business: []}; } componentDidMount(){ axios.get('http://localhost:4000/business') .then(response => { this.setState({ business: response.data }); }) .catch(function (error) { console.log(error); }) } tabRow(){ return this.state.business.map(function(object, i){ return <MessagePost obj={object} key={i} />; }); } render(){ return ( <ul className={m.Messages_list}> { this.tabRow() } </ul>) } } export default Messages

это компонента Message

а выводит данные она в MassagePost

import React from 'react'; import mp from './MessagePost.module.css' class MessagePost extends React.Component{ render(){ return( <li className={mp.Messages_message} > <span className={mp.avatar} style={{backgroundColor: "red"}}/> <div className={mp.Message_content}> <div className={mp.username}>{this.props.obj.name}</div> <div className={mp.text}>{this.props.obj.message}</div> </div> </li> ) } } export default MessagePost

import React from 'react'; import mp from './MessagePost.module.css' class MessagePost extends React.Component{ render(){ return( <li className={mp.Messages_message} > <span className={mp.avatar} style={{backgroundColor: "red"}}/> <div className={mp.Message_content}> <div className={mp.username}>{this.props.obj.name}</div> <div className={mp.text}>{this.props.obj.message}</div> </div> </li> ) } } export default MessagePost

у тебя выводит message в строке, тебе надо в state занести из const obj = { name: this.props.name, message: this.props.message, }; при занесении в бд и данные сами обновятся таблице

я понимаю, что сейчас у меня берутся данные из локального стейта, а как сделать что бы они бралить из props? Нужно в конструкторе убрать this.state = {business: []};?

я понимаю, что сейчас у меня берутся данные из локального стейта, а как сделать что бы они бралить из props? Нужно в конструкторе убрать this.state = {business: []};?

нет, не нужно, он по дефолту инициализируется, тебе надо связать state разных компонентов, если это всё разные компоненты, вариант связать через Context или через Redux

Либо через props прокидывать

Народ, помогите. Где или в какой проге можно сделать такую структуру? Ну, структура понятно будет сложнее))

Структуру или график (презентацию) ХЗ как это назвать

нет, не нужно, он по дефолту инициализируется, тебе надо связать state разных компонентов, если это всё разные компоненты, вариант связать через Context или через Redux

Редакс имеется. Как прокинуть из него нужные мне данные, в constructor?

Народ, помогите. Где или в какой проге можно сделать такую структуру? Ну, структура понятно будет сложнее))

Нашел. https://www.draw.io

Редакс имеется. Как прокинуть из него нужные мне данные, в constructor?

Делаешь action на onSubmit, в нем сохраняешь данные в БД, по action.type меняешь store и через пропсы возращаешь его в компонент

Делаешь action на onSubmit, в нем сохраняешь данные в БД, по action.type меняешь store и через пропсы возращаешь его в компонент

Спасибо попробую

такой вопрос как сделать так чтобы первая страница которая индекс могла рендорить новую страницу?

просто у меня выводит все данные не в новую страницу а в самый низ старой страницы

такой вопрос как сделать так чтобы первая страница которая индекс могла рендорить новую страницу?

это spa, так задумано... Или есть какие спец требования?

мне нужно чтобы при нажатии линка перекидовал меня на новую страницу с индексовой

просто если по другому то не совсем то что я хочу сделать получается

мне нужно чтобы при нажатии линка перекидовал меня на новую страницу с индексовой

react-router-dom