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 中調用您的配置 function，它只會在頁面加載時調用。 https://reactjs.org/docs/react-component.html#componentdidmount