如何在 React Native 的初始渲染中多次调用组件的 prop 方法？

Posted 2023-02-23

【中文标题】如何在 React Native 的初始渲染中多次调用组件的 prop 方法？

【英文标题】：How to call a component's prop method several time on intial render in React Native?

【发布时间】：2018-07-01 20:49:54

【问题描述】：

我正在使用 react-native-calendars 的议程组件。 目前我的日历组件是这样的。

const renderItem = item => <CalendarEvent item=item />;

const Calendar = (props, context) => 
  const theme = getTheme(props, context);
  return (
    <View style= flex: 1 >
      <NetworkConnectivity />
      <Agenda
        items=R.merge(props.emptyDates, props.items)
        renderItem=renderItem
        renderEmptyDate=renderEmptyDate
        rowHasChanged=rowHasChanged
        theme=theme
        onDayPress=props.setEmptyDate
      />
      <ActionButton icon="event" onPress=props.openFormUserEvent />
    </View>
  );
;

第一次渲染这个组件时，我希望能够在 props.items 中的每个对象中调用 renderItem 方法或 renderItem prop。 我该怎么做？

【参考方案1】：

您可以将它们放在这里，但风险自负：

<Agenda 
  ref=(ref) => 

    // this function will invoke when Agenda created in native
    // call your method here