我有一个父组件，其中以下组件在 map 函数中动态生成，如下所示：

const renderListing = this.props.listing.map(function(list, index) {
        return (
          <Listing
            key={index}
            title={list.title}
            totalWorkers={list.totalWorkers}
          />
        );
      }, this);

在此<Listing />组件中，我具有一个 复选框 ，react-md如下所示：

import { Checkbox } from "react-md";
class Listing extends React.Component {
  render() {
    return (
<Checkbox id="`listSector-${this.props.key}`" name="list-sector" />
   );
  }
}

我想给命名的 道具key串连起来id="listSector-0" , id="listSector-1"等等。

我尝试过字符串文字，但全部无效。

谁能知道如何给动态this.props.key级联id的checkbox吗？

谢谢