Question

我将Json数据映射到组件Demo.js中，我想延迟几秒钟以在组件中显示数据。有什么办法吗？我读过有关setTimeout的信息，但不知道要使用它。

Answer 1

setTimeout(() => { console.log("im delayed"); }, 5000); // delayed by 5sec

Answer 2

您可以使用state来显示数据，而componentDidMount是写setTimeout的最佳位置，

class App extends React.Component {
  state={show:false}
  componentDidMount(){
    setTimeout(()=>{
      this.setState({show:true})
    },2000)
  }
  render() {
    return <div>
      { this.state.show && <h1>Hello</h1>}
    </div>;
  }
}

延迟将json数据从本地文件加载到React JS中

2 个答案: