Как запускать метод сразу после state, react?

Question

[fronter-up]

Добрый день! Подскажите пожалуйста какие есть варианты в данной ситуации?

Надо после стейт запускать еще один метод
Сейчас есть так

state = {
    value: this.props.bool ? this.props.value1 :   this.props.value2,
  };

Ситуация такая ... нужно в зависимости какие пропсы пришли записывать значение в стейт, но вдругом варианте надо еще сразу запустить еще один метод.
В componentDidMount стейт нельзя вызвать так как матерится еслинт.
Кто что может посоветовать в такой ситуации?
Спасибо!

Answer 1

[Coder321]

ДУмаю это вам поможет ComponentWillReciveProps

Answer 2

[lnked]

import React, { Component } from 'react'

export default class Example extends Component {
    constructor (props) {
        super(props)

        this.state = {
            value: this.props.bool ? this.props.value1 : this.props.value2
        }
    }

    componentWillReceiveProps (nextProps) {
        // тут доступны пропсы делайешь проверку со стейтом и все что тебе нужно
        if (nextProps.bool) {
            this.setState({...this.state, value: nextProps.value1})
        } else {
            this.setState({...this.state, value: nextProps.value2}, () => {
                // тут можно сделать что то еще
            })
        }
    }

    render () {
        return (
            <div>...</div>
        )
    }
}

Comments

[Антон Спирин]

state можно инлайном задать. constructor в большинстве кейсов react не нужен.

export default class Example extends Component {
  state = {
    value: this.props.bool ? this.props.value1 : this.props.value2,
  };
}

[lnked]

Антон Спирин, Можно!, я скопипастил свой компонент и выпилили из него лишнее

[Антон Спирин]

lnked, если биндите там функции, то так тоже лучше не делать. Функции, передающиеся, в другие места, так же лучше инлайном писать:

export default class Example extends Component {
  handleClick = e => {
     // do something
  };
}

[fronter-up]

По стайл гайду constructor не рекомендуеться использовать...
Пока нашел такое решение

state = {
    value: this.checkOpt ? this.props.value1  : this.props.value2 ,
  };

  componentDidMount() {
    if (this.checkOpt) {
      input.onChange(this.props.options);
    }
  }

Что скажите?

[lnked]

Антон Спирин, Спасибо не знал про это