ReactJs：让提交按钮自动触发一次然后禁用它

Question

我想在页面加载时从 API 获取一次 [myData]。 我的计划是使用隐藏按钮，使其自动触发。 但我的问题是按钮一直在触发。

如何更改我的代码以使其自动触发一次。

我的代码：

state = {myData: ''}
config = () => {
   axios.get('http://mySite')
   .then(res => this.setState({myData: res.data}))
}
render() {
return (
  <div>
    <button style={{visibility:'hidden'}} onClick={this.config()}></button>
  </div>
)}

Answer 1

只需在 componentDidMount 中调用你的配置函数，它只会在页面加载时调用。 https://reactjs.org/docs/react-component.html#componentdidmount