警告：非ブール属性に対して `false`を受け取りました。カスタムブール属性にブールを渡すにはどうすればよいですか？

Question

Warning: Received `false` for a non-boolean attribute `comingsoon`.

If you want to write it to the DOM, pass a string instead: 
comingsoon="false" or comingsoon={value.toString()}.

Reactのカスタム属性にブール値を渡すにはどうすればよいですか？

スタイル付きコンポーネントを使用し、コンポーネントを介して属性を渡します。ここに、私がどのようにattrを渡しているかの写真があります。

「comingsoon」としてブールカスタム属性を渡す

styled-components css props

Answer 1

代わりにこれを試してください：

comingsoon={value ? 1 : 0}

Answer 2

代わりに数字にしてください。これは https://github.com/styled-components/styled-components/issues/1198 からの回避策です。

Answer 3

上記のフランクリンスの回答に似ていますが、警告を取り除くには0ではなくundefinedを使用する必要がありました。

comingsoon={value ? 1 : undefined}