hzzzzl

в родительском элементе в стейте пусть будет { showAlert: false, alertMessage: 'blabla' }
<Alert show={this.state.showAlert} /> пусть будет всегда и по умолчанию скрытый

когда надо, то

this.setState({ showAlert: true, alertMessage: responseFromServer })
setTimeout( () => setState({ showAlert: false }), 5000 )

ну а в самом алерте пусть в зависимости он props.show добавляется класс с css-переходами итд

-
или всё то же самое через редукс, так же с таймаутом на 5 сек, после которого класс элемента меняется обратно на скрытый

export default function (selector) {
  return document.querySelector(selector)
}

.......

import $ from './param'

только в реакте лучше на button вешать onClick, и там уже как-нибудь через состояние подставлять нужный класс при рендере

Переложи вызов fetchData в componentDidMount, а вызов getCalcs в рендер перед ретурном при условии что calcs в стейте уже заполнены , типа if (this.state.calcs.length) { this. getCalcs() }

из реакта в теле запроса присылаешь _id айтема, который хочешь update

потом в роуте экспресса например через
https://mongoosejs.com/docs/api.html#model_Model.f...

Item.findOneAndUpdate(
  {_id: req.params.id },   // ищем айтем по id
  { $set: { name: req.params.name } }  // меняем поле name на полученное в теле запроса из реакта
).then( () => {
  // всё прошло удачно
  res.json({ success: true })
} ) 
 .catch( err => {
  // всё прошло крайне неудачно
  res.json({ success: false })
} )

так чуть короче

className={ `type-display-list__item type-display-item ${ typeDisplay === "map" ? 'type-display-list__item_active' : '' }`}

это в смысле?

onClick = e => {
  this.setState({daughter: 21})  // тут меняем стейт в родителе
}

....

<Something onClick={this.onClick} />   // тут "клик в родителя"
<DaughterComponent someValue={this.state.daughter} />   // это будет доступно в компоненте как props.someValue, и там уже рендерить как надо

если возвращает "вообще не тот", то может быть ты подключил другой Row.js из другой папки как-нибудь

я для себя (по крайней мере для create-react-app) решил так, что в папку с реактом кладу файл .env со строчкой
GENERATE_SOURCEMAP=false

https://github.com/facebook/create-react-app/issue...

scripts: { "build": "GENERATE_SOURCEMAP=false react-scripts build" } мне не помогло, почему-то, а .env работает

ты напрямик меняешь data, а а надо менять ее через changeData

data.push({ id: 5, name: 'Saint-Petersburg' });
changeData( data );

вот так заработает
https://codepen.io/anon/pen/QoBLKo

вот 4 способа создать функцию из строки, 1 2 4 подойдет каааак бы наверно
https://stackoverflow.com/a/28011280

это чтобы поиграться с языком, или случай из жизни?
если из жизни, то может лучше заиметь модуль с функцией, который импортировать в реакте
import { ValidateJson } from '../utils/functions.js'

у https://www.imdb.com так, судя по react dev tools в хроме - на реакте только рейтинги и прочая мелочевка

(SPA - single page app)

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

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

ну а тудулисты тоже разные могут быть, вот попробуй сделать такой, только еще для многих пользователей и чтобы у каждого был свой уровень доступа, точно "не стыдно показать" как бы
https://react-beautiful-dnd.netlify.com/iframe.htm...

в компоненты положить это
https://github.com/nfl/react-helmet

<Parent>
    <Helmet>
        <title>My Title</title>
        <meta name="description" content="Helmet application" />
    </Helmet>

    <Child>
        <Helmet>
            <title>Nested Title</title>   // положить это
            <meta name="description" content="Nested component" /> 
        </Helmet>
    </Child>
</Parent>