Preact不显示list标记内的值

Question

在此Preact示例中，我试图映射到项数组并将结果打印在 li 标记内。 但是li始终为空，控制台中没有错误。 我在做什么错了？

import { h } from '../preact.js'
import { useState, useEffect } from 'preact/hooks'

function mySeachList ({
  items
}) {
  console.log(items)
  const [searchList, setSearchList] = useState(items)

  useEffect(() => {
    setSearchList(items)
  }, [])

  return h('ul.test-class', searchList.map((item, index) => {
    h('li', null, item.keywords)
  }))
}

export default mySeachList