如何在我的标题属性中显示一个值答案

【问题标题】：How to display a value in my title attribute如何在我的标题属性中显示一个值
【发布时间】：2020-04-22 20:39:30
【问题描述】：

有没有办法在我的下拉标签内的标题属性中添加一个值。例如我想得到title='Lead' + {this.state.candidate.length}。我也在使用“rsuite”中的下拉菜单。

<Sidenav className="nav1-full" defaultOpenKeys={['1']} activeKey="1">
  <Sidenav.Body>
    <Nav className="nav-bar">
      <Dropdown className="nav1-body" eventKey="1" title="Lead">
        <Dropdown.Item eventKey="1-1" href="/candidates/1">
          Exploratory
        </Dropdown.Item>
        <Dropdown.Item eventKey="1-2" href="/candidates/2">
          Phone Intro
        </Dropdown.Item>
      </Dropdown>
    </Nav>
  </Sidenav.Body>
</Sidenav>

【问题讨论】：

标签： html reactjs jsx

【解决方案1】：

由于 {} 内的任何内容都是内联 JSX 表达式，您可以这样做：

 title={"Lead" + this.state.candidate.length}

您还可以使用带有 ``（反引号）和 ${expr} 的 ES6 字符串插值/模板文字，如下所示：

 title={`Lead${this.state.candidate.length}`}

希望对你有帮助。

【讨论】：

【解决方案2】：

您需要将道具括在括号中{}而不是引号

在括号中你可以写任何javascript代码：

<Dropdown title={'Lead ' + this.state.candidate.length}>

ES6方式：

<Dropdown title={`Lead${his.state.candidate.length}`}>

【讨论】：

【解决方案3】：

   title={`Lead${this.state.candidate.length}`}

应该做的伎俩

【讨论】：

【解决方案4】：

试试这个。简单的template string 解决方案。

 title={`WhateverYouWantHere`}

【讨论】：