将本机平面列表与多个数据阵列进行反应

时间:2017-08-02 23:41:54

标签: javascript react-native

我是RN的新手,需要一些帮助 我有一个像

这样的对象
{title:"title",price:"price",subtitle:"subtitle"}

我想在平面列表中使用2个值,就像这里一样 -

<FlatList
        data={this.state.data}
        renderItem={({ item }) => (
          <ListItem
            title={`${item.name.first} ${item.name.last}`}
            subtitle={item.email}
         />
        )}

      />
    </List>

但是在这个例子中没有显示数据结构,所以我很困惑我应该怎么做。请帮我解决一下! 最后(渲染)我需要一个ListItem这个视图 -

(title)  (price)

或者我应该更好地使用native-base,但是关于2值的相同问题,传递给列表项

1 个答案:

答案 0 :(得分:2)

您必须将数组传递给data属性,然后才能执行:

.entry-content p a:not(.et_pb_more_button):not(.et-pb-arrow-prev):not(.et-pb-arrow-next):not(.jp-relatedposts-post-title):not(.jp-relatedposts-post-a):not(#footnote_reference_container_collapse_button){
  text-decoration:none;
  border-bottom: 2px solid #bdef7a;
  box-shadow: inset 0 -4px 0 #bdef7a;
  color: inherit;
  transition: background 0.1s cubic-bezier(.33,.66,.66,1);
}

.entry-content p a:hover:not(.et_pb_more_button):not(.et-pb-arrow-prev):not(.et-pb-arrow-next):not(.jp-relatedposts-post-title):not(.jp-relatedposts-post-a):not(#footnote_reference_container_collapse_button){
  background: #bdef7a;
}