Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在“我的标题”属性中显示值_Html_Reactjs_Jsx - Fatal编程技术网

Html 如何在“我的标题”属性中显示值

Html 如何在“我的标题”属性中显示值,html,reactjs,jsx,Html,Reactjs,Jsx,有没有办法在我的下拉标签中向我的title属性添加值。例如,我想得到title='Lead'+{this.state.candidate.length}。我还使用了“rsuite”的下拉列表 <Sidenav className="nav1-full" defaultOpenKeys={['1']} activeKey="1"> <Sidenav.Body> <Nav className="nav-bar"> <Dropdown

有没有办法在我的下拉标签中向我的title属性添加值。例如,我想得到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>

探索性
电话介绍
我们应该这样做


应该这样做

试试这个。简单的
模板字符串
解决方案

 title={`WhateverYouWantHere`}

试试这个。简单的
模板字符串
解决方案

 title={`WhateverYouWantHere`}

您需要将道具用括号{}而不是引号括起来

在括号中,您可以编写任何javascript代码:

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

ES6方式:

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

您需要将道具用括号{}而不是引号括起来

在括号中,您可以编写任何javascript代码:

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

ES6方式:

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

由于{}中的任何内容都是内联JSX表达式,因此可以执行以下操作:

 title={"Lead" + this.state.candidate.length}
您还可以将ES6字符串插值/模板文本与``(反勾号)和
${expr}
一起使用,如下所示:

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

希望有帮助。

由于{}中的任何内容都是内联JSX表达式,因此可以执行以下操作:

 title={"Lead" + this.state.candidate.length}
您还可以将ES6字符串插值/模板文本与``(反勾号)和
${expr}
一起使用,如下所示:

 title={`Lead${this.state.candidate.length}`}
希望能有帮助