要显示在地图中的列表

时间:2018-12-28 15:24:26

标签: reactjs google-maps material-ui

我正在处理地图的列表部分。问题是,当我运行它时,它没有显示在补充工具栏上。我需要一些帮助,以便添加到列表代码中以使其显示。可以找到完整的代码here

          <List>
            {this.props.venues &&
              this.props.venues.map((venue, index) => (
                <ListItem key={index}>
                  <ListItemText primary={venue.name} />
                </ListItem>
              ))}
          </List>

1 个答案:

答案 0 :(得分:0)

您需要将venue放在大括号内。 (或者您必须做primary={venue.venue.name}

         <List>
            {this.props.venues &&
              this.props.venues.map(({venue}, index) => (
                <ListItem key={index}>
                  <ListItemText primary={venue.name} />
                </ListItem>
              ))}
          </List>