当我将它拉出到辅助函数中时，为什么 React Native DateTimePicker 不呈现？

Question

我有两种不同的 DateTimePicker behaviors/component 结构（一种用于 Android，另一种用于 iOS）。在这两种情况下显式使用 DateTimePicker 都有效，但是，当我将 DateTimePicker 拉出到辅助函数中（以避免重复代码）时，选择器不会呈现。这是为什么？

没有显式使用 DateTimePicker 的代码示例（注意：这不起作用，但是，当我显式放置 DateTimePicker 组件而不是辅助函数时，渲染有效）：

// A boolean value to determine when to show the date picker
const [showPicker, setShowPicker] = useState<boolean>(true);

// Helper function that returns the DateTimePicker component
const getDatePicker = () => {
  <DateTimePicker
  ...
   />
};

// Return value of the main component
return Platform.OS === "android" ? (
  <>{showPicker && getDatePicker()}</>
) : (
  <CustomModal>
    {showPicker && getDatePicker()}
  </CustomModal>
);

Answer 1

嗨@geriblee 希望你今天过得愉快。

相信您缺少辅助函数的 return 语句

而不是这样做：

// Helper function that returns the DateTimePicker component

const getDatePicker = () => {
  <DateTimePicker
  ...
   />
};

这样做：

const getDatePicker = () => <DateTimePicker ... />

当我将它拉出到辅助函数中时，为什么 React Native DateTimePicker 不呈现？

Why does React Native DateTimePicker not render when I pull it out into a helper function?

datetimepicker

react-native