Question

我试图了解如何使用自己的React进行开发反应式编程风格。我仍然很难以这种方式思考。

我有两个主要组成部分：Header和Title。

class Header extends React.Component {
    ...
    render() {
        return <div className='header'>
            { this.tabs.map(t => <Title title={t.props.title}/>) }
        </div>;
    }
}

class Title extends React.Component {
    render() {
        return <span className='title'>
            { this.props.title }
        </span>;
    }
}

我需要从.header，第一个和最后一个Title DOM元素获取数据，以便对Title Header上的中心Title进行一些计算。 1}}概念。我可以使用document.querySelector轻松地做到这一点，但它似乎并不像React那样做。

我想我只能在所有Title渲染（或装载，不知道）后才能做我想要的。

我已尝试在ref上附加一个带有匿名函数的Title属性，但每个Title都会调用此函数。也许这就是方法，但缺少一些东西！

问：在渲染/装载所有子项时是否有任何类型的方法？问：假设有一种方法，我怎样才能从Title获取我需要的DOM引用，而不需要听到太多命令？

在React上获取组件DOM属性

0 个答案: