javascript - 学习React和JSX

嗨，大家好，我目前正在学习React库和JSX，但是我被困住了，我不明白他们要我在这里做什么。你们是我的最后一个解决方案：这是代码... Use .renderSortByOptions() to sort the businesses by their options（如果您想知道即时通讯正在做什么：我目前正在尝试使用其API制作类似Yelp的内容）。我知道此网站不用于调试，我通常在这里从不要求这样的东西，但是我想继续学习，被困很久很无聊

import React from 'react';
import './SearchBar.css';

const sortByOptions{
  'Best Match': 'best_match',
  'Highest Rated': ' rating',
  'Most Reviewed': 'review_count'
}

class SearchBar extends React.Component{
  renderSortByOptions(){
    return Object.keys(sortByOptions).map(sortByOption =>{
      let sortByOptionValue = sortByOptions[sortByOption];
      return <li key=sortByOptionValue ></li>;
    }
  });

  render(){
    return(
      <div className="SearchBar">
  <div className="SearchBar-sort-options">
    <ul>
      <!-- Use .renderSortByOptions() to sort the businesses by their options -->
    </ul>
  </div>
  <div className="SearchBar-fields">
    <input placeholder="Search Businesses" />
    <input placeholder="Where?" />
  </div>
  <div className="SearchBar-submit">
    <a>Lets Go</a>
  </div>
</div>
    );
  }
  }
}

最佳答案

他们只是想在该评论所在的地方呼叫renderSortByOptions。

由于它位于其他JSX的中间，因此您需要使用花括号将其包装，例如{this.renderSortByOptions()}