第 103:9 行：期望赋值或函数调用，却看到了一个表达式 no-unused-expressions

Question

1. 我不断收到此错误，但我不知道为什么下面的代码

class AccountInfo extends Component {
  render() {
    const awards = <Tooltip id="view">View profile awards</Tooltip>;
    const channel = <Tooltip id="edit">Update channel page</Tooltip>;
    const verified = <Tooltip id="remove">Verified</Tooltip>;
    <td className="td-actions text-right">
      <OverlayTrigger placement="top" overlay={awards}>
        <Button simple bsStyle="info" bsSize="xs">
          <i className="fa fa-user" />
        </Button>
      </OverlayTrigger>
      <OverlayTrigger placement="top" overlay={channel}>
        <Button simple bsStyle="success" bsSize="xs">
          <i className="fa fa-edit" />
        </Button>
      </OverlayTrigger>
      <OverlayTrigger placement="top" overlay={verified}>
        <Button simple bsStyle="danger" bsSize="xs">
          <i className="fa fa-times" />
        </Button>
      </OverlayTrigger>
    </td>;
  }
}

第 103:9 行：期望赋值或函数调用，却看到了一个表达式 no-unused-expressions

Answer 1

首先，您没有从渲染函数返回任何内容。

尝试更新。

class AccountInfo extends Component {
  render() {
    const awards = <Tooltip id="view">View profile awards</Tooltip>;
    const channel = <Tooltip id="edit">Update channel page</Tooltip>;
    const verified = <Tooltip id="remove">Verified</Tooltip>;
    return (
      <td className="td-actions text-right">
        <OverlayTrigger placement="top" overlay={awards}>
          <Button simple bsStyle="info" bsSize="xs">
            <i className="fa fa-user" />
          </Button>
        </OverlayTrigger>
        <OverlayTrigger placement="top" overlay={channel}>
          <Button simple bsStyle="success" bsSize="xs">
            <i className="fa fa-edit" />
          </Button>
        </OverlayTrigger>
        <OverlayTrigger placement="top" overlay={verified}>
          <Button simple bsStyle="danger" bsSize="xs">
            <i className="fa fa-times" />
          </Button>
        </OverlayTrigger>
      </td>
    );
  }
}