react全局组件的创建与使用

创建全局组件

相比于普通组件，全局组件实在普通组件的基础上，将普通组件创建至DOM即可。

//  Test未普通组件
import React, {Component} from 'react';
import ReactDOM from 'react-dom';
class Test extends Component{
	show = ()=>{
		//...
	};
	
	hidden = ()=>{
		// ...
	};
	
	//...
}
let div = document.createElement('div');
document.body.appendChild(div);
let box = RaectDOM.render(React.creatElement(
	Test
),div); 
export default box;

使用全局组件

只需要在组件中引入全局组件，然后直接调用全局组件中的方法即可。

import React, {Component} from 'react';
import Test from './Test.jsx';
class Ceshi extends Component {
	render(){
		return (
			<div>
				<button onClick={Test.show}>测试</button>
			</div>
		);
	}
}

export default Ceshi;