Question

这听起来很简单，但我无法使其正常工作。我有这个URL指向一个共享点列表中的项目：

https://tenant.sharepoint.com/sites/Demo2/Lists/AgreementDatabase/DispForm.aspx?ID=1

我想使用react渲染它，但是ID部分不起作用：

render: (item: IList) => {
    return (<a href="https://hernancompany.sharepoint.com/sites/Demo2/Lists/AgreementDatabase/DispForm.aspx?ID=${item.Id}">{item.Title}</a>);
  }

代替 ID = 1 ，它呈现 ID = $ {item.Id} 哪种是正确的语法？

编辑：您的意思是这样吗？：

您的意思是这样吗？

return (<a href=`https://hernancompany.sharepoint.com/sites/Demo2/Lists/AgreementDatabase/DispForm.aspx?ID=${item.Id}`>{item.Title}</a>);

因为那没有用。

最好的问候美国

Answer 1

您可以使用反引号方法：{`url / path / goes / here $ {variableCanGoHere}`}

render: (item: IList) => {
    return (<a href={`https://hernancompany.sharepoint.com/sites/Demo2/Lists/AgreementDatabase/DispForm.aspx?ID=${item.Id}`}>{item.Title}</a>);
  }

Answer 2

尝试在计算机上的Esc按钮附近使用反引号（反引号？）。

`https://hernancompany.sharepoint.com/sites/Demo2/Lists/AgreementDatabase/DispForm.aspx?ID=${item.Id}`

背景知识可以使这项工作奏效。我相信这是一个较新的功能。

反应：如何渲染URL？

2 个答案: