React-Router V4 渲染函数中的非 lambda

Question

我有一个组件，我需要在使用 Route 组件进行渲染时将 props 传递到该组件中。问题是 typescript 在 JSX 中不允许使用 lambda 函数，我只是不知道如何将其重写为允许的函数：

<Route
   key={index}
   exact={true}
   path={item.urlAddress}
   render={() => <DocumentView data={data} />}
/>

我试过了，但它仍然被评估为 lambda，不知道为什么：

render={function() { <DocumentView /> }}

有人知道怎么改吗？

编辑：我知道这是一个 linter 问题，我正在寻找根据 ts-lint 标准编写它的正确方法。我知道我可以添加规则例外，但我想知道如何以“正确”的方式执行此操作，而不是每次遇到 linting 问题时都添加例外

Answer 1

您可以更改 tslint 规则以允许在渲染中使用箭头函数。但是，既然你问了另一种写上面的方法。它会这样写

renderDocument = (props) => {
   return <DocumentView data={data} {...props}/>
}
render() {
    return (
        <Route
           key={index}
           exact={true}
           path={item.urlAddress}
           render={this.renderDocument}
        />
    )
}