//來(lái)自一只react剛?cè)腴T(mén)菜鳥(niǎo)的簡(jiǎn)化
class Disappear extends React.Component {
constructor(props) {
super(props);
this.state = {
opacity: 1
};
}
changeOpacity() {
let { opacity } = this.state;
setInterval(() => {
opacity = opacity - 0.1;
opacity < 0.1 ? (opacity = 1) : (opacity = opacity);
this.setState({ opacity });
}, 300);
}
componentDidMount() {
this.changeOpacity();
}
render() {
let { opacity } = this.state;
return <div style={{ opacity }}>123</div>;
}
}
ReactDOM.render(<Disappear />, document.getElementById('root'));
componentDidMount 用法來(lái)來(lái)來(lái)糯笙,生命周期來(lái)一波。不總結(jié)那么細(xì)致撩银,單獨(dú)拿一個(gè)出來(lái)說(shuō)给涕。下面代碼達(dá)到的效果是使文字漸隱漸顯,感覺(jué)像是動(dòng)畫(huà)的效果额获,其實(shí)只是簡(jiǎn)單的改變了透明度帶來(lái)的視覺(jué)效果够庙,感興趣的可以復(fù)制粘...
來(lái)來(lái)來(lái),生命周期來(lái)一波抄邀。不總結(jié)那么細(xì)致耘眨,單獨(dú)拿一個(gè)出來(lái)說(shuō)。下面代碼達(dá)到的效果是使文字漸隱漸顯撤摸,感覺(jué)像是動(dòng)畫(huà)的效果毅桃,其實(shí)只是簡(jiǎn)單的改變了透明度帶來(lái)的視覺(jué)效果,感興趣的可以復(fù)制粘...
react-router 本來(lái)想給大家教學(xué)react-router2.0的版本准夷。但是考慮到4.0的版本已經(jīng)出現(xiàn)了。本著學(xué)新不學(xué)舊的原則莺掠。今天來(lái)帶大家踩坑react-route...