className не заполняется в Гэтсби с Булмой - PullRequest
Новая
       29

className не заполняется в Гэтсби с Булмой

1 голос
/ 12 мая 2019

Я пытаюсь установить className элемента div, используя: 

  render() {

    const textStyle = {
      position: "absolute",
      top: "200px",
      left: "200px"
    }

    return (
      <Layout>
        <div>
          <div>
            <div className={textStyle}> My text is Test</div>
          </div>
        </div>
      </Layout>
    )
  }
}

Однако, когда я проверяю, все, что я получаю, это

<div class="[object Object]"> My text is Test</div>

Я не уверен, почему это не работает.

Я могу использовать модификаторы Bulma OK

1 Ответ

2 голосов
/ 12 мая 2019

className получает строку, а не объект

если вы хотите использовать объект textStyle, используйте это: 

<div style={textStyle}> My text is Test</div>

подробнее о className: https://reactjs.org/docs/faq-styling.html

...