Ссылки на 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?