Skip to content

Commit d7f188b

Browse files
rulishuhy
authored andcommitted
fix(Button): 修改Button MarkDownw为函数组件
1 parent a26f40d commit d7f188b

File tree

1 file changed

+64
-74
lines changed

1 file changed

+64
-74
lines changed

packages/core/src/Button/README.md

Lines changed: 64 additions & 74 deletions
Original file line numberDiff line numberDiff line change
@@ -15,27 +15,25 @@ import React,{ Component } from "react"
1515
import { Button, Spacing, Icon } from '@uiw/react-native';
1616
import { Text} from 'react-native';
1717

18-
class Demo extends Component {
19-
render() {
20-
return (
21-
<>
22-
<Button>default</Button>
23-
<Spacing/>
24-
<Button disabled>disabled</Button>
25-
<Spacing/>
26-
<Button type="primary" onPress={()=>console.log("The Button")}>primary</Button>
27-
<Spacing/>
28-
<Button type="warning">warning</Button>
29-
<Spacing/>
30-
<Button bordered={false} type="danger">
31-
<Icon name="warning" fill="#fff" size={17} />
32-
<Text> warning</Text>
33-
</Button>
34-
<Spacing/>
35-
<Button loading>loading</Button>
36-
</>
37-
)
38-
}
18+
function Demo() {
19+
return (
20+
<>
21+
<Button>default</Button>
22+
<Spacing/>
23+
<Button disabled>disabled</Button>
24+
<Spacing/>
25+
<Button type="primary" onPress={()=>console.log("The Button")}>primary</Button>
26+
<Spacing/>
27+
<Button type="warning">warning</Button>
28+
<Spacing/>
29+
<Button bordered={false} type="danger">
30+
<Icon name="warning" fill="#fff" size={17} />
31+
<Text> warning</Text>
32+
</Button>
33+
<Spacing/>
34+
<Button loading>loading</Button>
35+
</>
36+
)
3937
}
4038
export default Demo
4139
```
@@ -47,17 +45,15 @@ import React,{ Component } from "react"
4745
import { Button, Spacing } from '@uiw/react-native';
4846

4947

50-
class Demo extends Component {
51-
render() {
52-
return (
53-
<>
54-
<Spacing />
55-
<Button rounded={23} type="primary">
56-
自定义rounded
57-
</Button>
58-
</>
59-
)
60-
}
48+
function Demo() {
49+
return (
50+
<>
51+
<Spacing />
52+
<Button rounded={23} type="primary">
53+
自定义rounded
54+
</Button>
55+
</>
56+
)
6157
}
6258
export default Demo
6359
```
@@ -69,26 +65,24 @@ import React,{ Component } from "react"
6965
import { Button, Spacing } from '@uiw/react-native';
7066

7167

72-
class Demo extends Component {
73-
render() {
74-
return (
75-
<>
76-
<Button>default</Button>
77-
<Spacing/>
78-
<Button type="primary">primary</Button>
79-
<Spacing/>
80-
<Button type="warning">warning</Button>
81-
<Spacing/>
82-
<Button type="success">success</Button>
83-
<Spacing/>
84-
<Button type="danger" >danger</Button>
85-
<Spacing/>
86-
<Button type="light" >light</Button>
87-
<Spacing/>
88-
<Button type="dark" >dark</Button>
89-
</>
90-
)
91-
}
68+
function Demo() {
69+
return (
70+
<>
71+
<Button>default</Button>
72+
<Spacing/>
73+
<Button type="primary">primary</Button>
74+
<Spacing/>
75+
<Button type="warning">warning</Button>
76+
<Spacing/>
77+
<Button type="success">success</Button>
78+
<Spacing/>
79+
<Button type="danger" >danger</Button>
80+
<Spacing/>
81+
<Button type="light" >light</Button>
82+
<Spacing/>
83+
<Button type="dark" >dark</Button>
84+
</>
85+
)
9286
}
9387
export default Demo
9488
```
@@ -100,18 +94,16 @@ import React,{ Component } from "react"
10094
import { Button, Spacing } from '@uiw/react-native';
10195

10296

103-
class Demo extends Component {
104-
render() {
105-
return (
106-
<>
107-
<Button color="#333">#333</Button>
108-
<Spacing />
109-
<Button color="#28a745">#28a745</Button>
110-
<Spacing />
111-
<Button color="#008EF0">#008EF0</Button>
112-
</>
113-
)
114-
}
97+
function Demo() {
98+
return (
99+
<>
100+
<Button color="#333">#333</Button>
101+
<Spacing />
102+
<Button color="#28a745">#28a745</Button>
103+
<Spacing />
104+
<Button color="#008EF0">#008EF0</Button>
105+
</>
106+
)
115107
}
116108
export default Demo
117109
```
@@ -123,16 +115,14 @@ export default Demo
123115
import React,{ Component } from "react"
124116
import { Button, Spacing } from '@uiw/react-native';
125117

126-
class Demo extends Component {
127-
render() {
128-
return (
129-
<>
130-
<Button loading>loading</Button>
131-
<Spacing />
132-
<Button loading disabled>loading disabled</Button>
133-
</>
134-
)
135-
}
118+
function Demo() {
119+
return (
120+
<>
121+
<Button loading>loading</Button>
122+
<Spacing />
123+
<Button loading disabled>loading disabled</Button>
124+
</>
125+
)
136126
}
137127
export default Demo
138128
```

0 commit comments

Comments
 (0)