我正在修改 ReactJS 组件。我添加了一个 react-table 来获取分页,效果很好。但是表中的一列需要调用也在此组件中的函数,因此它可以根据该记录的内容呈现链接。(有些结果会呈现链接,有些则不会。)当我在列的访问器属性中列出该函数时,它会返回该函数的一些值,但不是全部。因此,链接返回为:
localhost:3000/view/c/IDnumber/undefined.
Run Code Online (Sandbox Code Playgroud)
IDnumber和query都应该返回,但是query参数是“undefined”。
我试过在访问器中列出函数,如:
getSerialNo(hit,query)
Run Code Online (Sandbox Code Playgroud)
但后来我得到“命中未定义”。我在这个网站和其他网站上搜索过以找到解决方案。
该列看起来像:
{id:'serialno',
Header: "Serial #",
accessor: getSerialNo
}
Run Code Online (Sandbox Code Playgroud)
部分功能如下所示:
const getSerialNo = (hit, query) => {
const linkAs = '/view/c/${hit._id}/${query}'
return <Link href={link} as={linkAs}><a target="_blank">{serialNo}
</a></Link>
Run Code Online (Sandbox Code Playgroud)
我想取回一个实际包含查询的链接,例如:
localhost:3000/view/c/IDnumber/query
Run Code Online (Sandbox Code Playgroud)