refactor(MenuDropdown): 使用Function组件重构 Class组件

nullptr-z · nullptr-z · commit bc5214c38e8b · 2023-02-21T10:39:34.000+08:00
diff --git a/packages/core/src/MenuDropdown/item.tsx b/packages/core/src/MenuDropdown/item.tsx
@@ -5,10 +5,8 @@ export interface ItemProps {
   children?: React.ReactNode;
 }
 
-export default class Item extends React.Component<ItemProps> {
-  render() {
-    return <View style={styles.item}>{this.props.children}</View>;
-  }
+export default function Item(props: ItemProps) {
+  return <View style={styles.item}>{props.children}</View>;
 }
 
 const styles = StyleSheet.create({

Original file line number	Diff line number	Diff line change
`@@ -5,10 +5,8 @@ export interface ItemProps {`
`5`	`5`	`children?: React.ReactNode;`
`6`	`6`	`}`
`7`	`7`
`8`		`-export default class Item extends React.Component<ItemProps> {`
`9`		`- render() {`
`10`		`- return <View style={styles.item}>{this.props.children}</View>;`
`11`		`- }`
	`8`	`+export default function Item(props: ItemProps) {`
	`9`	`+ return <View style={styles.item}>{props.children}</View>;`
`12`	`10`	`}`
`13`	`11`
`14`	`12`	`const styles = StyleSheet.create({`