我是超級新手，我正在努力讓我的 onClick 工作。當頁面呈現時，我看到它被調用（多次，取決于數組中的項目數）但不是點擊。const BlogPage = props => {          const posts = props.data.allContentfulPost.edges;          const postsStable = props.data.allContentfulPost.edges;          const categoriesStyle = {            marginBottom: '8px',          };          const filterCategories = category => {            console.log('here', category);            // this.posts = this.posts.filter(p => p.catergory === category);          };.        return (        <div style={categoriesStyle}>            {posts.map(({ node: c }) => (              <Badge onClick={filterCategories(c.category)}                  key={c.id}                  category={c.category}                  color="#fff">                  {c.category}               </Badge>             ))}         </div>        );    };我試過了：onClick={() => filterCategories(c.category)} 和onClick={() => {                  filterCategories(c.category);                }}const Badge = ({ children, category = 'Other', color = '#4a4a4a' }) => {  return (    <Container background={pillColor(category)} color={color}>      {children}    </Container>  );};Badge.propTypes = {  children: PropTypes.node.isRequired,  category: PropTypes.string,  color: PropTypes.string,};根據答案，問題似乎是 Badge 不是 HTML 元素。