我知道React要我在JSX中为style
属性提供一个JavaScript对象,如下所示:
render() { return <p style={{ border: '1px solid black'}}>My text.</p> }
但是,我在遗留HTML代码中有大部分内联样式,我宁愿不为React重构;另外,我发现在自定义变量中指定所有样式都是过分的。
因此,我确实使用内联明文style
属性,就像常规HTML一样:
render() {return <p style="border: 1px solid black;">My text.</p> }
这可以在React中完成,还是没有办法使用类似HTML的方式?