9

React コンポーネントとしてプレーンな HTML 要素をスタイリングする基本的な使い方は次のとおりです。react-emotion

import React from 'react';
import styled from 'react-emotion';

const StyledContainer = styled.div`
  display: block;
  box-sizing: border-box;
`;

与えられたコードは次のようになります。

<div class="css-gf43fxd ferwf23sd"></div>

id生成された HTML 要素に属性を追加する方法はありますか? 前もって感謝します。

4

1 に答える 1

15

idこのコンポーネントを使用している場合は、属性を追加するだけです。

import React from 'react';
import styled from 'react-emotion';

const StyledContainer = styled.div`
  display: block;
  box-sizing: border-box;
`;

// and when you want to use this component add id attribute

<StyledContainer id="some-id">...</StyledContainer>
于 2018-10-18T07:57:31.527 に答える