【问题标题】:Cant render titles from Algolia in React Native无法在 React Native 中从 Algolia 渲染标题
【发布时间】:2021-12-15 22:07:17
【问题描述】:

我无法获得要显示的卡片上的标题。搜索栏按预期工作,但每张卡片的顶部都应该有一个标题。

在我的 Algolia 搜索索引中,每个对象都有一个我创建的唯一“标题”属性。当我使用文档(来自 Algolias 网站)时,标题显示得很好 - 但我不想要 highlight 属性,所以这就是我要删除的。

import React from 'react';
import { StyleSheet, Text, View, FlatList } from 'react-native';
import { connectInfiniteHits } from 'react-instantsearch-native';



const InfiniteHits = ({ hits, hasMore, refineNext }) => {
 return(
    <View style={styles.container}>
      <FlatList
        data={hits}
        numColumns={2}
        keyExtractor={item => item.objectID}
        onEndReached={() => hasMore && refineNext()}
        renderItem={(({ item }, index) => (
          <View style={styles.item}>
            <View style={TextBoxes.scrollcontainer}>
            <View style={TextBoxes.boxes} key={index}>
              <Text key={index} style={TextBoxes.style} hit={item}>
              </Text>
            </View>
          </View>
          </View>
        ))}
      />
    </View>
  )
};


export default connectInfiniteHits(InfiniteHits);

有人能指出我的问题所在吗?

【问题讨论】:

    标签: firebase react-native algolia


    【解决方案1】:

    我解决了这个问题!我忘了在元素中插入 {item.title} :)

    【讨论】:

    • 按绿色复选标记以便回答问题
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-10-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多