reactjs - 将道具传递给组件时，如何添加第 n 个子属性？

Question

我试图让某个表出现第 n 个子属性，而不是其他表。所以，我希望在传入道具时激活 styled 属性，如下所示：

样式化组件：

const TableRow = styled.tr`
  background-color: #161b16;
  ${props => props.test ? "&:nth-child(4) {border-bottom: 1px solid ${props => props.theme.text};}" : null}
`;

正在渲染的内容：

return(
  <TableRow test = {'hi'}>
   //code...
 </TableRow>
)

有没有正确的方法来做到这一点？

标签： reactjsstyled-components