Question

我正在使用React，并尝试通过我发现的Github帐户在页面上添加一个滑块。我不知道如何添加css，因为它是js形式的？？？我添加了webpack甚至一个npm编译器，但是它仍然无法识别所使用的样式类型。有什么想法吗？

    .slider {
position: relative;
width: 100%;
height: 400px;
overflow: hidden;
& a {
    &.previousButton,
    &.nextButton {
        font-size: 22px;
        line-height: 0;
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: all .3s linear;
        z-index: 1;
        color: #333;
        padding: 10px;
        text-decoration: none;
        backface-visibility: hidden;
        /* prevent jump effect when scaling */
        &:not(.disabled):hover {
            transform: translateY(-50%) scale(1.25);
            cursor: pointer;
        }
    }
    &.previousButton

Answer 1

不要使用“ class”或“ className”，而是将其应用于具有style = {theNameOfTheStyleObject}的元素。

对于内联js样式，请使用style = {{}}（而非类）。

语法上的主要区别是，您将用驼峰式替换等效的连字符规则（使用borderRadius而不是border-radius），需要带修饰符（10px）的数字值被引用。另外，js样式是一个对象，因此请用逗号替换分号。

我可能已经事先忘记了一些歉意。

希望第一段回答了实际问题。

在使用某些类型的样式时需要帮助

1 个答案: