wenlele
3 years ago
3 changed files with 22 additions and 39 deletions
@ -1,45 +1,27 @@ |
|||||
import React, { useEffect } from 'react'; |
import React, { useEffect } from "react"; |
||||
import { connect } from 'react-redux'; |
import { connect } from "react-redux"; |
||||
import { Spin, Card } from '@douyinfe/semi-ui'; |
import { Card } from "@douyinfe/semi-ui"; |
||||
import '../style.less' |
import "../style.less"; |
||||
const { Meta } = Card; |
|
||||
|
|
||||
const Example = (props) => { |
const Example = (props) => { |
||||
const { dispatch, actions, user, loading } = props |
const { dispatch, actions, user, loading } = props; |
||||
|
|
||||
useEffect(() => { |
useEffect(() => { |
||||
// ACTION 示例 |
// ACTION 示例 |
||||
dispatch(actions.example.getMembers(user.orgId)) |
// dispatch(actions.example.getMembers(user.orgId)); |
||||
}, []) |
}, []); |
||||
|
|
||||
return ( |
return <Card title="筛选条件" headerLine={false}></Card>; |
||||
<Spin tip="biubiubiu~" spinning={loading}> |
}; |
||||
<div id='example'> |
|
||||
<p>STYLE EXAMPLE</p> |
|
||||
</div> |
|
||||
<Card |
|
||||
style={{ maxWidth: 300 }} |
|
||||
cover={ |
|
||||
<img |
|
||||
alt="example" |
|
||||
src="https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/card-cover-docs-demo2.jpeg" |
|
||||
/> |
|
||||
} |
|
||||
> |
|
||||
<Meta title="组件示例" /> |
|
||||
</Card> |
|
||||
</Spin> |
|
||||
) |
|
||||
} |
|
||||
|
|
||||
function mapStateToProps (state) { |
function mapStateToProps(state) { |
||||
const { auth, global, members } = state; |
const { auth, global, members } = state; |
||||
return { |
return { |
||||
loading: members.isRequesting, |
loading: members.isRequesting, |
||||
user: auth.user, |
user: auth.user, |
||||
actions: global.actions, |
actions: global.actions, |
||||
members: members.data |
members: members.data, |
||||
}; |
}; |
||||
} |
} |
||||
|
|
||||
export default connect(mapStateToProps)(Example); |
export default connect(mapStateToProps)(Example); |
||||
|
Loading…
Reference in new issue