创建全局组件
相比于普通组件,全局组件实在普通组件的基础上,将普通组件创建至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;