在ReactJS文件中注入的Javascript未呈现

在SearchBar类的呈现中，我无法使用注入的Javascript获取无序列表以显示在浏览器中。该方法中是否存在错误，或者我是否还需要做更多的事情才能让注入的Javascript出现

从“React”导入React；
导入“/searchbar.css”；
常数排序选项={
“最佳匹配”：“最佳匹配”，
“最高评级”：“评级”，
“审查次数最多”：“审查次数”
}
类SearchBar扩展了React.Component{
renderSortByOptions（）{
返回Object.keys（sortByOptions）.map（sortByOptions=>{
const sortByOptionValue=sortByOptions[sortByOption]；
});
}
render（）{
返回(

{this.renderSortByOptions（）}

我们走吧
)
}
}
导出默认搜索栏您必须在map语句中返回，如下所示：

 renderSortByOptions() {
   return Object.keys(sortByOptions).map(sortByOption => {
     return sortByOptions[sortByOption];
   });
 }

或者，您可以保留变量赋值并返回：

renderSortByOptions() {
  return Object.keys(sortByOptions).map(sortByOption => {
    const sortByOptionValue = sortByOptions[sortByOption];
    return sortByOptionValue;
  });
}

请注意，这是一个普通的Javascript功能，无论框架如何，都能正常工作：）
我通过在renderSortByOptions（）方法之后添加一个return语句找到了修复方法


从“React”导入React；
导入“/searchbar.css”；
常数排序选项={
“最佳匹配”：“最佳匹配”，
“最高评级”：“评级”，
“审查次数最多”：“审查次数”
}
类SearchBar扩展了React.Component{
renderSortByOptions（）{
返回Object.keys（sortByOptions）.map（sortByOptions=>{
const sortByOptionValue=sortByOptions[sortByOption]；
返回
{sortByOption}
；
});
}
render（）{
返回(

{this.renderSortByOptions（）}

我们走吧
)
}
}
导出默认搜索栏使它出现。但它并没有像我预期的那样出现。至少现在是这样。我必须找出它显示不正确的原因。谢谢你的回答。没问题，杰夫！如果你想不出该怎么做，考虑用更多的代码来问一个新问题并解释你想要什么。人们通常会很快帮上忙：）PS，如果我的答案确实回答了你的问题，你应该“接受”它，这样别人就会知道你不再需要帮助，也不会浪费时间写额外的答案。哦，是的，这也会帮助其他有类似问题的人知道哪个答案是正确的：）没问题，我们都是新来的！只需单击我答案左上角的复选标记。