javascript - 在子页面上按字母顺序显示的问题

Question

我有一个 PageSidebar.js 组件，它按字母顺序列出子页面。

但是当我单击子页面时，不执行字母顺序。

我尝试了一切，但我无法让它工作。Github 中的代码：

https://github.com/rcapdepaula/problema-p-gina-filho

标签： javascriptreactjsgatsby

Answer 1

{parentChlidren
  .map(child => (
    <li key={child.id}>
      <Link to={child.uri} activeClassName="sidebar-highlighted">
        <span> {child.title} </span>
      </Link>
    </li>
  ))
  .sort((x, y) => {
    if (x.title < y.title) {
      return -1
    } else {
      return 1
    }
  })}

您正在排序 a HTML，尝试先排序，然后再映射以返回它