基本的なスタイルのコンポーネントが機能しています。小道具isHere
が渡されると、背景はになりblue
ます。
const Item = styled.ul`
${props => console.log(props.theme.colorGroupSelected)};
${props => (props.isHere ? `background:` + 'blue' : null)};
`;
代わりにblue
、私は色を使用する必要がcolorGroupSelected
私のテーマからではなく、私は仕事にそれを得るカント、私は構文エラーを取得しておきます。
const Item = styled.ul`
${props => (props.isHere ? `background:` + props => props.theme.colorGroupSelected : null)};
`;
私のコードは非常に読みにくくなっています。スタイル付きブロック内の変数を分解することは可能ですか?このようなもの:
${const colorGroupSelected = (props => return props.theme.colorGroupSelected)};
${props => (props.isHere ? `background:` + colorGroupSelected : null)};
これは機能しますが、変数を分解しません。
${props => (props.isHere ? `background:` + props.theme.colorGroupSelected : null)};
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加