Question

如何将!important添加到我的内联CSS属性中？如果我在2px之后添加它，它将忽略整个样式。

import React from "react";

export default class Todo extends React.Component {
    render() {
        const {text} = this.props;

        const cardStyles = {
            borderWidth: '2px'
        };

        return (
            <div class="card mb-2 border" style={cardStyles}>
                <div class="card-body">
                    <h5 class="card-title m-0">{text}</h5>
                </div>
            </div>
        )
    }
}

Answer 1

显然不支持https://github.com/facebook/react/issues/1881#issuecomment-262257503

同时您可以使用骇客做的事：

        <div ref={element => { 
             if (element) element.style.setProperty('border', '2px', 'important'); 
           }}
        />

Answer 2

基于此GitHub问题https://github.com/facebook/react/issues/1881

，似乎当前不支持它

如何在React内联CSS样式中添加！important

2 个答案: