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

Question

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

但是当我点击子页面时，没有执行字母顺序。

我什么都试过了，但还是不行。 Github中的代码：

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

Answer 1

您是否也可以尝试使用 localeCompare() 而不是手动检查字符串？

参考：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#sorting_non-ascii_characters

Answer 2

{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
    }
  })}

您正在对 HTML 进行排序，尝试先排序，然后再映射到 return 它

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

Problem in alphabetically display on child pages

javascript

reactjs

gatsby