textDecoration:在React本机样式组件中不工作的线路

Question

我创建了一个样式化的组件

const StrikeThrough = styled(StandardText)`
    textDecoration: line-through;
`;

并将其命名为子元素，类似于<StrikeThrough>Write text here</StrikeThrough>，但呈现的文本没有这个装饰。为什么会这样？

编辑:我尝试过的其他不起作用的事情

const StrikeThrough = styled(StandardText)`
    textDecorationLine: line-through;
    textDecorationStyle: solid;
`;

const StrikeThrough = styled(StandardText)`
    text-decoration: line-through;
`;

编辑：回答我自己的问题，看起来我必须在文本组件上这样做，而不能在我的样式组件之上创建一个样式化的组件。

Answer 1

使用text-decoration而不是textDecoration。

Answer 2

您使用的是样式组件，所以使用text-decoration代替textDecoration，使用点代替括号：

const StrikeThrough = styled.Text`
    text-decoration: line-through;
`;

Answer 3

使用text-decoration: line-through;

您还可以使用text-decoration-color: red对行进行样式化。