wenlele
3 years ago
3 changed files with 22 additions and 39 deletions
@ -1,45 +1,27 @@ |
|||
import React, { useEffect } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { Spin, Card } from '@douyinfe/semi-ui'; |
|||
import '../style.less' |
|||
const { Meta } = Card; |
|||
import React, { useEffect } from "react"; |
|||
import { connect } from "react-redux"; |
|||
import { Card } from "@douyinfe/semi-ui"; |
|||
import "../style.less"; |
|||
|
|||
const Example = (props) => { |
|||
const { dispatch, actions, user, loading } = props |
|||
const { dispatch, actions, user, loading } = props; |
|||
|
|||
useEffect(() => { |
|||
// ACTION 示例 |
|||
dispatch(actions.example.getMembers(user.orgId)) |
|||
}, []) |
|||
useEffect(() => { |
|||
// ACTION 示例 |
|||
// dispatch(actions.example.getMembers(user.orgId)); |
|||
}, []); |
|||
|
|||
return ( |
|||
<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> |
|||
) |
|||
} |
|||
return <Card title="筛选条件" headerLine={false}></Card>; |
|||
}; |
|||
|
|||
function mapStateToProps (state) { |
|||
const { auth, global, members } = state; |
|||
return { |
|||
loading: members.isRequesting, |
|||
user: auth.user, |
|||
actions: global.actions, |
|||
members: members.data |
|||
}; |
|||
function mapStateToProps(state) { |
|||
const { auth, global, members } = state; |
|||
return { |
|||
loading: members.isRequesting, |
|||
user: auth.user, |
|||
actions: global.actions, |
|||
members: members.data, |
|||
}; |
|||
} |
|||
|
|||
export default connect(mapStateToProps)(Example); |
|||
|
Loading…
Reference in new issue