如何在页面加载到reactjs后触发li上的单击事件？

我试图在加载整个页面后触发单击事件。我正在使用reactjs。那我怎么做呢

我已经尝试过的

componentDidMount(){
 this.triggerClick()
}

triggerClick() {
  var v = document.getElementById("24");
  if(v) {
    v.click()
  }
}

render() {
  let articles = this.state.data.map((articleData, index) => {
     return (
            <li key={index} id={articleData.id}>{articleData.name}</li>
     )
  }
}

componentDidMount（）{
this.triggerClick（）
}
triggerClick（）{
var v=document.getElementById（“24”）；
如果（v）{
v、 单击（）
}
}
render（）{
让articles=this.state.data.map（（articleData，index）=>{
返回(
{articleData.name}
)
}
}

我尝试了这个方法，虽然id为24，但它仍然无法触发click（）事件

只需使用onClick

class myComponent extends React.Component {
  constructor(props) {
    super(props);
    this.handleClick = this.handleClick.bind(this);
  }

  handleClick(event) {
    // what you want to do
  }

  render(){
    return(
      <li>
        <ul onClick={this.handleClick}> My clickable member of a list
        </ul>
      </li>
    );
  }
}

类myComponent扩展了React.Component{ 建造师（道具）{ 超级（道具）； this.handleClick=this.handleClick.bind（this）； } handleClick（事件）{ //你想做什么 } render（）{ 返回(

我的列表可点击成员

); } } 这是处理事件的React方式。您说希望使用html中的click（），但我不明白您为什么希望使用这种方式：）

---

如果要在页面加载时自动触发事件，则可以执行以下操作：-

---

在componentDidMount生命周期钩子中，您可以将li作为目标，然后在其上运行click（），您可以使用java脚本选择器或refs。就我个人而言，我更喜欢使用java脚本类/id选择器避免ref并触发事件

您累了什么？页面容器中的componentDidMount（）@MateuszJ检查编辑..我已经更新了我尝试的内容谢谢你的回复。但是我想使用click（）事件，当页面准备就绪时会自动触发它