反应使用链接整个tr失败

Question

<tbody>
                {map(items, item =>
                    <Link to={routeUrl(ROUTES.SOMEWHERE, item.id)}>
                    <tr key={item.id}>
                        <td>
                            {item.name}
                        </td>
                        <td>
                            {item.country}
                        </td>
                        </tr>
                    </Link>
                )}
            </tbody>

这不会起作用，任何线索为什么？我可以将链接组件放在td中，但我希望整行可以点击。

Answer 1

根据JSX规则，Link组件应仅包含字符串而不包含其他组件。您可以在Link组件上添加onClick方法，而不是使用tr，然后您可以在onClick的正文中定义要进入的路线。