reactjs
reactjs preload加载一个图片
日期：2020-04-28 阅读：536
dmandwp系统 - wordpress系统和DM系统区块建站>>
参考：
https://stackoverflow.com/questions/54095980/how-to-preload-image-in-a-react-js-component
https://codesandbox.io/s/ql3rwl8589?file=/src/ImageLoader/index.js
-------------------
代码：
class Home extends React.Component {
constructor(props){
super(props);
this.state = {
preload:true,
}
}
componentDidMount() {
const img = new Image();
img.src = require('../../images/textques/text_1_1.png'); // by setting an src, you trigger browser download
img.onload = () => { alert(3);
// when it finishes loading, update the component state
this.setState({ preload: true });
}
}
render() {
const { preload } = this.state;
if (!preload) {
return ( <Preload /> )
} else {
return <Begin1 />
}
}
}
export default Home