Ссылки на DOM для функциональных компонентов?

Я не уверен, как реализовать ссылки для функциональных компонентов. Я знаю, что вам нужно использовать forwardRef, но я не понимаю, как указать на них в другом месте кода. Например, я визуализирую<img ref="someStr"> а затем ссылку на этот элемент в componentDidMount через this.refs.someStr.

Вот мой исходный код:

  componentDidUpdate(prevProps, prevState) {
    if (this.props.activeMarker !== prevProps.activeMarker) {
      let img_ref = this.refs.image
      if (this.props.showingInfoWindow) {
        img_ref.style.border = "2px solid black"
      }
      else {
        img_ref.style.border = null
      }
    }
  }

  return ( <img src={this.props.image} alt="unit" ref="cg_image" style={{width:200, height:100}} />)

И я хочу заменить img на компонент reactstrap:

const fancyCard = React.forwardRef((props,ref) => (
   <CardImg ref={ref} top width="100%" src={this.props.image}/>
))

Каков аналогичный способ ссылки на значение nonstring refs в componentDidMount?

0 ответов

Другие вопросы по тегам