为什么会这样？图片提供

Question

我正在尝试在 chrome.Using 的控制台中写入 get tag name 和 id ：

" console.log(document.getElementById("Main")) console.log(document.getElementsByTagName("span")) "

在react js App.js文件中导出后。但它显示为空作为ID和空列表集合。

当我在 Component 内部做同样的事情时，确实 mount 最后触发了它...... 它按预期工作。

为什么会这样？在react js中导出后正确的写法是什么。

Answer 1

调用栈是：

1. 渲染()
2. componentDidMount()

所以，首先打印你的空控制台和 然后进入渲染函数，创建 DOM 元素 然后转到 componentDidMount 再次调用控制台，但这次使用的是 DOM 元素。

试试这样：

class App extends React.Component{
    componentDidMount(){
           //Your Consoles
    }
    render(){
        return(
            //Your DOM
        )
    }
}
export default App;