React中的延迟渲染

时间:2017-07-01 12:41:01

标签: javascript reactjs

以下是预览:https://i.gyazo.com/a010b87de44bb13faa7ba7947df58f8b.mp4

在显示页面之前有一点延迟。我正在使用 componentWillUpdate 方法来初始化所有内容。 当我重新加载页面时,网站的风格也会消失(F5)。 https://i.gyazo.com/dded7ce8dec4e4d7dc85b32a68e3f9b3.png

这是一个可以解决的常见问题吗?或者我做错了什么?我不明白为什么页面会通过重新加载而失去它的风格。

  constructor(props) {
    super(props);
    this.state = {
      title: '',
      poster: '',
      synopsis: '',
    };
  }

  componentWillMount() {
    axios.get('database')
      .then((response) => {
        this.setState(
          {
            title: response.data.title,
            poster: response.data.poster_path,
            synopsis: response.data.overview,
          })
      })
      .catch((err) => {
        console.log(err);
      });
  }

  render() {
    return (
      <div>
         render everything
      </div>
    );
  }

0 个答案:

没有答案