Question

我正在使用react-native-calendars的Agenda组件。目前我的日历组件看起来像这样。

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。我该怎么做？

Answer 1

你可以把它们放在这里，但为了你自己的风险：

<Agenda 
  ref={(ref) => {

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


  }}

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

1 个答案: