グローバルコンポーネントの作成と使用反応し

グローバルコンポーネントの作成

基本的な共通の構成要素に比べて、それが作成する一般的なアセンブリのグローバルコンポーネントの一般的な成分である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;