react-native-element-dropdown
react-native-element-dropdown copied to clipboard
Default value don't work
Hi, I want to use à default value for a dropdown but it is print good only if I open dropdown. I put my code in this message just I delete some part because is not nescesary for this problem and it is private (for my enterprise)
const dispatch = useDispatch();
//sales order
const [isSalesOrderDropdownOpen, setIsSalesOrderDropdownOpen] = useState(false);
const [selectedSalesOrder, setSelectedSalesOrder] = useState(useSelector(state => state.settings["SORD"]));
//sales invoice
const [isSalesInvoiceDropdownOpen, setIsSalesInvoiceDropdownOpen] = useState(false);
const [selectedSalesInvoice, setSelectedSalesInvoice] = useState(useSelector(state => state.settings["SINV"]));
//receip
const [isReceipDropdownOpen, setIsReceipDropdownOpen] = useState(false);
const [selectedReceip, setSelectedReceip] = useState(useSelector(state => state.settings["RCPT"]));
//data
const [settings, setSettings] = useState({SORD: [], SINV: [], RCPT: [] });
const getDataAPI = async (tranalias) => {
......
};
useEffect(() => {
getDataAPI("SORD");
getDataAPI("SINV");
getDataAPI("RCPT");
console.log("selectedSalesOrder " + selectedSalesOrder)
}, []);
return (
<SafeAreaView style={styles.container}>
<View style={styles.category}>
<Text style={styles.settingTitle}>title setting cat</Text>
<View style={styles.categoryContent}>
<View style={styles.settingItem}>
<Text style={styles.settingItemTitle}>
sales order
</Text>
<View style={styles.settingItemValue}>
<Dropdown
style={{borderRadius: 8, borderWidth: 1}}
placeholderStyle={{marginLeft: 4, fontSize: 12}}
selectedTextStyle={{marginLeft: 4, fontSize: 12}}
data={settings.SORD}
labelField="Series"
valueField="PKID"
maxHeight={300}
placeholder={'Select sales order'}
value={selectedSalesOrder}
onFocus={() => setIsSalesOrderDropdownOpen(true)}
onChange={item => {
dispatch(setSetting("SORD", item.PKID));
setSelectedSalesOrder(item.PKID);
setIsSalesOrderDropdownOpen(false);
}}
/>```
Hi @mathisschmidt , I’m working on it.
Okay thank you ;)
Hi @mathisschmidt , I have read your code, it seems the problem is not related to this package, the problem here is because your code is asynchronous. useState set value before the api is called
I have the same issue default value is not setting. any update on this @hoaphantn7604
Facing same issue. Please update @hoaphantn7604
hi All, Please try with later version (2.1.0).