react換一種方式寫 loading元件

2021-09-26 14:25:41 字數 1603 閱讀 8952

import reactdom from 'react-dom'

import react from 'react'

class loading extends react.component

}const node = null

const loading = ,

hide ()

}export default loading

可以下面的元件內部合適的地方呼叫loading.show()和loading.hide()方法。資料載入的過程中會呼叫loading.show()。資料載入完畢呼叫loading.hide()。 

import react from 'react'

import './index.scss'

import from 'mobx-react'

import loading from '../../../publiccomponents/loading/index'

class user1 extends react.component

componentwillupdate ()

render () )}}

user1.contexttypes =

export default user1

或者說,index.js頁面可以這樣寫

import react from 'react';

import reactdom from 'react-dom';

import './index.css';

import * as serviceworker from './serviceworker';

class init extends react.component

getdata() , 1000)})}

async componentdidmount()

}reactdom.render(, document.getelementbyid('root'));

// unregister() to register() below. note this comes with some pitfalls.

// learn more about service workers:

serviceworker.unregister();

也可以用繼承的方式來寫

import reactdom from 'react-dom';

import react from 'react'

class loading extends react.component

} render() = this.state

return (

)} show() )

} hide() )

}}constructor(props) ,

animal: 'dog'

}} componentdidmount () ,3000)

} componentwillupdate ()

render ()

hello

)}}

換一種方式生活

轉眼,已步入了人生的第26個春秋,已經接近而立之年。這是乙個尷尬的時期,二十多年的經歷,加上十幾年的學校生活,並沒有給我帶來些什麼,我依然四處飄盪,沒有乙個安定的處所,更別說什麼事業,面對著可能越來越大的貧富差距,我的心情慢慢的沉重起來。不想過多的討論前二十多年的種種得失,只想立足現在,放眼將來,我...

換一種方式計算人生

人的一生到底有多長?這常常被人們當作數學題來計算,並且作為智者的名言,用於教導人們珍惜光陰。人生的計算結果,古今中外各個不同,然而計算方法卻大同小異。無非是把整體的人生進行一系列的減法,然後得出 人生淨差 並以此為結果告訴人們人生之短。以美國 讀者文摘 所刊載的乙個人生算式為例 一生以60歲為標準,...

換一種工作的方式

畢業5年多了,婚也結了,也想要個baby了,但是我和我拿個美麗的 太太還是隔著一段長長的鐵路,前些天晚上打 她說家裡出了很多的蟲子,一種不隻名的那種,害的嚇壞了。心裡很是難過,我想該結束這段分離的日子了。昨天和leader進行了一次商談,最後同意我改變一下工作的方式,可以長時間在home裡開發,每週...