如何在React页面上显示后滚动到组件？

Question

我需要在组件呈现到页面后滚动到组件（我正在使用React scroll to component）。默认情况下不显示组件本身（组件将在true为{props.example_shown && ( <ExtraComponent /> )} 时呈现）。像这样：

ExtraComponent

在ref={(section) => { this.ExtraComponent = section }}内，我给scrollToComponent。 我尝试在componentDidMount()内拨打this.ExtraComponent，但null返回componentDidMount()。如何滚动到位置？理想情况下bson.M{"$exists": true, "$ne": ""} 应该正常工作吗？我一直在阅读生命周期，无法解决它。我错过了什么？

Answer 1

找到答案！

{{1}}

然后在渲染上，我指定：

{{1}}