Как добавить пользовательский css в ответный крюк useEffect - PullRequest
0 голосов
/ 18 марта 2020

Я новичок в React и пытаюсь установить стиль шрифта для указания c входных данных и их заполнителей. Это загружает все, кроме моего CustomFontStyle. Кто-нибудь знает, чего мне не хватает?

import 'styles/utilities.scss';
useEffect(() => {
        const baseFieldStyles = {
            color: '#e60000',
            font: 'normal 400 0.875em CustomFontStyle'
        };

        const myConfiguration = {
            onFieldEventHandler: {
                onFocus: tagId => {
                    setFocus(tagId);
                },
                onBlur: () => {
                    setFocus('');
                }                
            },
            expirationDatePlaceHolder: 'MM/YY',
              style: {
                  input: {
                      ...baseFieldStyles
                  },
                  '::placeholder': {
                      ...baseFieldStyles
                  },
                  span: {
                      ...baseFieldStyles,
                      'line-height': '30px'
                  }
              }
        };
    }, [
        staticData.getSection,
        shouldRenderFields
    ]);

utilities.s css

@import '~styles/_globals.scss';

@font-face {
    font-family: 'CustomFontStyle';
    font-style: normal;
    font-weight: 300;
}

1 Ответ

0 голосов
/ 18 марта 2020

Если вы хотите работать :: заполнитель ..... вы должны использовать непрозрачность: 1

...