FloatingButtonでチェックボックスの動作をシミュレートする必要があります。最初に、ボタンはセカンダリ属性をtrueに設定して読み込みます。これと同じように:クリックした場合クリック時のReactJS MaterialUI FloatingButtonの属性の切り替え
<FloatingActionButton secondary={true} mini>
T
</FloatingActionButton>
、それはこのように、falseにセカンダリ属性値を切り替えます:
<FloatingActionButton secondary={false} mini>
T
</FloatingActionButton>
を活性化されたとの最終結果は何です私はやろうとしましたが、もちろん動作しません。笑
あなたが私のものよりもシンプルで、最小限の方法を持っているなら、私はそれもすべて上手くいっています。 ありがとうございます
と次のように要素をレンダリングし、その後
アクティブな日を追跡し
constructor
で配列を初期化し、あなたはそれに文字列を渡しています。したがって引用符を削除する 'this.state.activeDayId === 1? true:false' –@Prakashsharma素晴らしいキャッチ!ただし、1回だけ切り替えることができます。私は交換の代わりにトグルする必要があります。また、wen私は文字列の引用符を取るそれは不要な三項のエラーをスロー – LOTUSMS