我的是react不是vue
时间: 2023-07-27 17:07:40 浏览: 44
好的,那以下是 React 的示例代码,供你参考:
在父应用中,使用 `props` 向子应用传递数据:
```javascript
// 父应用
import React from 'react';
import ReactDOM from 'react-dom';
import { registerMicroApps, start } from 'qiankun';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById('root')
);
registerMicroApps([
{
name: 'child-app',
entry: '//localhost:8080',
container: '#child-container',
activeRule: '/child',
props: { parentData: 'Hello from parent!' } // 传递数据到子应用
}
])
start()
reportWebVitals();
```
在子应用中,使用 `props` 获取父应用传递过来的数据:
```javascript
// 子应用
import React from 'react';
import './App.css';
function App(props) {
return (
<div className="App">
{props.parentData} {/* 显示父应用传递过来的数据 */}
</div>
);
}
export default App;
```
如果你使用的是 React,还可以考虑使用 `redux` 等状态管理工具来管理数据。