Подскажите, как следующее написать нормально? <input

Question

Подскажите, как следующее написать нормально? <input

onChange={event => this.props.func(event.target.value)}
value={this.props.refl &&
this.props.fil &&
this.props.refl.find((item) => item.id === this.props.fil.id) ?
this.props.refl.find((item) => item.id === this.props.fil.id).value : '' }
/>
Эти find выглядят как серьезный косяк в производительности. Где в компоненте правильно сделать эти проверки, что пропсы дошли, пропсы не пусты, а потом еще если значение находится, то его уже только тогда использовать, а иначе другое значение подставить?

#frontend #javascript #programming #react.js #russian

0

26.07.2018