Javascript 反应参考文献的替代方案

我有下面的代码

<App>
    <SideBar />
    <MainView pages={this.state.pages} />
</App>

我原以为我会在MainView中这样做

render() {
    return (
            <div className="main-view-display" id="main-view-display">{this.props.pages.join('')}</div>
    )
}

render（）{
返回(
{this.props.pages.join（“”）}
)
}

---

但这显然不起作用。还有人告诉我，裁判可能会被否决。那么，将DOM元素传递给子元素的最佳方式是什么？我不希望创建画布的逻辑进入MainView，因为MainView组件是一个哑组件。将逻辑放在那里可能会降低可用性

告诉您

Refs可能会被弃用的人

能否提供此声明的来源？没有提到这样的事情。所以@HMR，refs在我看来是非常清晰的东西。文档会提到不要使用它，因为有人反对使用它，但事实并非如此。很多生产代码都依赖于此，除非有人能提供一个可信的来源说你不能使用，否则我会使用它。HMR是正确的。使用裁判-这是你最好的选择。-看来裁判们现在不赞成了。。。

render() {
    return (
            <div className="main-view-display" id="main-view-display">{this.props.pages.join('')}</div>
    )
}