TODO: Tái cấu trúc các component để sử dụng destructured props trong Dropdown,…

TODO: Tái cấu trúc các component để sử dụng destructured props trong Dropdown, Header, TextMulti và TextNote

src/components/DropdownAlert/Dropdown.js

@@ -9,6 +9,10 @@ import {
 } from 'react-native';
 import R from '../../assets/R';
 
+/**
+ * @param items là một mảng [Object1,Object2]
+*/
+
 const Dropdown = ({
   items = [],
   placeholder = 'Chọn...',

src/components/Header/Header.js

@@ -20,8 +20,10 @@ import {
   WIDTH,
 } from '../../config/Functions';
 import {useNavigation} from '@react-navigation/native';
-const Header = props => {
-  const {title, isBack} = props;
+const Header = ({
+  title, 
+  isBack
+}) => {
   const navigate = useNavigation();
   return (
     <SafeAreaView style={styles.safeArea}>

src/components/Input/TextMulti.js

@@ -3,8 +3,7 @@ import {View, Text, TextInput} from 'react-native';
 import {HEIGHTXD, WIDTHXD, getFontXD} from '../../config/Functions';
 import R from '../../assets/R';
 
-const TextField = props => {
-  const {
+const TextField = ({
   title,
     titleFontSize = R.fontsize.fontSizeContent,
     required, 
@@ -29,7 +28,7 @@ const TextField = props => {
     borderBottomWidth,
     paddingVertical =10,
     paddingHorizontal = 10,
-  } = props;
+}) => {
  
   return (
     <View style={{

src/components/Input/TextNote.js

@@ -6,9 +6,7 @@ import I18n from '../../helper/i18/i18n';
 import Icon from 'react-native-vector-icons/Feather';
 import {Image} from 'react-native';
 import {NotificationAlert} from '../Aleart';
-const TextField = props => {
-  const [showPassword, setShowPassword] = useState(false);
-  const {
+const TextField = ({
     title,
     onChangeText,
     isPassword,
@@ -27,7 +25,8 @@ const TextField = props => {
     borderBottomColor,
     required,
     autoCapitalize,
-  } = props;
+}) => {
+  const [showPassword, setShowPassword] = useState(false);
   return (
     <View>
       {title ? (