How to set a default value when loading?

Hi,

I’ve a drop down component which I need to set a default value when the component loads, so I can use that value to call the API first time. How can I achieve this? My code is as follows.

const branches = useSelector(state => state.userData.branches);
  const [open, setOpen] = useState(false);
  const [value, setValue] = useState(null);
  const [items, setItems] = useState([]);

  useFocusEffect(
    React.useCallback(() => {
      const _branch = branches.map(x => {
        return {
          label: x.name,
          value: x.id,
        };
      });
      setItems(_branch);
      getCartData()
    }, []),
  );

async function getCartData() {
   console.log(value) // I need the default value here once the component mounts
  }

<DropDownPicker
        open={open}
        value={value}
        items={items}
        itemKey={item => item.id}
        setOpen={setOpen}
        setValue={setValue}
        setItems={setItems}
        placeholder="Select Branch"
        style={{
          borderColor: 'white',
          marginVertical: '2%',
          shadowColor: '#000',
          shadowOffset: {
            width: 0,
            height: 2,
          },
          shadowOpacity: 0.23,
          shadowRadius: 2.62,

          elevation: 4,
        }}
        dropDownContainerStyle={{
          borderColor: 'grey',
        }}
        />

[hossein-zare]

@premdasvm Sorry i’m a bit busy. I’ll check it’s behavior.

// faster
const [value, setValue] = useState(id);

[Blizzardnya]

What about setting a default value in useState? And also in your example there are two “items” states, I guess one of them should be the “open” state?