サブスク登録のラジオボタンの色とデフォルト選択の修正

[takonasu]

Twin:teカラーじゃないので、Twin:teカラーに変える

[momokichi]

これ見てみたけど，うまくできないねぇ

[momokichi]

サブスクのラジオボタンにデフォルトでチェック入れておきたい．いまは何も選択されてなくても，stripeに移動できて，そこでは200円のサブスクが選択されている

[momokichi]

input に checked={true} って入れるとデフォルトで選択されるけど，選択したのと別のプランが選択される？ようなよくわからない挙動をするね

[momokichi]

bulma-checkradio.sass の中で bulma の utilities/_all.sass を importしていて，_all.sass の中で $primary を設定しているから厳しいんだろうな

[momokichi]

これかな
Wikiki/bulma-checkradio#69

[takonasu]

input に checked={true} って入れるとデフォルトで選択されるけど，選択したのと別のプランが選択される？ようなよくわからない挙動をするね

それな、なので別のradioコンポーネントの使用を検討したほうがいいのかなっておもってる
挙動に関してはreactが再レンダリングをするタイミングとか絡んでそう

[momokichi]

了解．挙動が変なのは考えればどうにかなるかもしれんけど，色の方は厳しいかもね．
bulma-checkradio を使わないという選択肢を考えるのは良いと思います

[takonasu]

デフォルトの挙動がおかしい問題これだった
https://ja.reactjs.org/docs/dom-elements.html

つまり、checked属性はReactでは別の意味をしていて、最初の選択肢として選ばせておくにはdefaultCheckedを使わないといけないとのこと、これで解決できた