如何在此if / else语句中添加if / else语句？

debugcn 发表于 Dev

德力士

我需要一些帮助弄清楚如何修改此代码：

export const CommentsListBeijing = ({ comments }) => (
  if (comments.length > 0 ) {
    <ButtonToolbar className="comment-list">
    {comments.map((com) => (
      <CommentsModal key={ com._id } comment={ com } city={com.city} person={com.person} location={com.location} title={com.title} content={com.content} fileLink={com.fileLink} timestamp={com.timestamp} createdBy={com.createdBy}/>
    ))}
  </ButtonToolbar> :
  <Alert bsStyle="warning">No sparks yet. Please add some!</Alert>
);

我想在映射函数中添加一个If / Else语句。

所以

if (com.adminSpark == true) { do something }
else 
do current

我不熟悉这种编写if / else语句的方式，也不知道如何将两者结合起来。

感谢你目前的帮助！我一直在尝试根据收到的反馈添加else / if语句，但在该语句开始处始终出现错误：“ imports / ui / components / beijing / comments-list-beijing.js：16：2：意外令牌（16：2）”。

我究竟做错了什么？

分

如果您想要单线的话，我会选择中年制的。

export const CommentsListBeijing = ({ comments }) => (
  if (comments.length > 0 ) {
    <ButtonToolbar className="comment-list">
    {comments.map((com) => (
      return com.adminSpark ? /* return something admin-related */ :      <CommentsModal key={ com._id } comment={ com } city={com.city} person={com.person} location={com.location} title={com.title} content={com.content} fileLink={com.fileLink} timestamp={com.timestamp} createdBy={com.createdBy}/>
    ))}
  </ButtonToolbar> :
  <Alert bsStyle="warning">No sparks yet. Please add some!</Alert>
 }
);

尽管为了提高这段代码的可读性，我还是希望它看起来像：

export const CommentsListBeijing = ({ comments }) => (
  if (comments.length > 0 ) {
    <ButtonToolbar className="comment-list">
    {comments.map((com) => (
      return com.adminSpark ? 
        /* something admin-related */ : 
        <CommentsModal 
          key={ com._id } 
          comment={ com } 
          city={com.city} 
          person={com.person} 
          location={com.location} 
          title={com.title} 
          content={com.content} 
          fileLink={com.fileLink} 
          timestamp={com.timestamp} 
          createdBy={com.createdBy} />
    ))}
    </ButtonToolbar> :
    <Alert bsStyle="warning">No sparks yet. Please add some!</Alert>
   }
 );

比起“简明”的代码，更容易阅读的代码几乎总是有价值。我的两分钱虽然:)

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。