javascript - 我可以让这个 React 组件成为无状态的吗？

Question

我没有说明，但它确实有逻辑。一个简单的映射。使其无状态的过程是什么？

import React from 'react';
import BMFave from './BMFave.jsx';

class BMTag extends React.Component {
  constructor(props) {
    super(props);
  }
  render () {
    const bookmarks = this.props.bookmarks.map((bookmark) =>
      <BMFave bookmark={bookmark} key={bookmark.id} />
    );
    return (
      <div className="bookmark_page" id="{this.props.tag}" >
        <div className="bookmark_tag_title">
          <p className="bookmark_tag_title_p">
            {this.props.tag}
          </p>
        </div>
        {bookmarks}
      </div>
    )
  }
}

export default BMTag;

Answer 1

无状态并不意味着没有逻辑，而是意味着没有状态。所以你已经在那里了。

当然你可以简化:

export default ({bookmarks, tag})=> (
  <div className="bookmark_page" id={tag} >
    <div className="bookmark_tag_title">
      <p className="bookmark_tag_title_p">
        {tag}
      </p>
    </div>

    {
      bookmarks.map(bm=> <BMFave bookmark={bm} key={bm.id} />)
    }
  </div>
)