react-loading-skeleton持續加載

Question

我是新來的反應者，試圖重做我的個人站點，我被困在這里，試圖使用react-loading-skeleton。 這是我的代碼：

  constructor() {
      super();
      this.state = { isLoading: true }
  }

  componentDidMount() {
      this.setState({ isLoading: false })
  }

  render() {

    let button;

    if (this.state.isLoading) {
      button = 'Hi, there!';
    } else {
      button = <Skeleton />;
    }

我希望文本在加載狀態時加載

Answer 1

我認為這可以完成您的工作：

 state={
        isLoading:true
    }

    componentDidMount(){
        setInterval(() => {
            this.setState({isLoading:false})
        }, 1000);

    }

    render() {
        return (
            this.state.isLoading?(
                <div>Loading...</div>
            ):(
                <div>
                    Welcome
                </div>
            )
        )
    }