は折りたたみリアクト - アイコン

を追加私が反応-折りたたみをこのように使用しています：は折りたたみリアクト - アイコン

<Collapsible trigger="Fiche de référencement" > 
<h2>Hello world</h2> 
</Collapsible >

私は、テキスト「フィッシュ・ド・référencement」アイコンウィットを入れたいが、私はどのようにすることができます知っていませんそれを行う？私を助けることができますか？ありがとう

出典

2017-05-16 Anaïs Saez

「Fiche deréferencement」のアイコンはありますか？あなたはそれにアイコンを渡したいのですか？明確にすることはできますか？ – unflores

パラメータトリガでは、各アコーディオンのタイトルを付けることができます。シェブロンアイコンも必要ですが、パラメータトリガーはアイコンとイメージではなくテキストのみを認識します...解決策があるかどうかを知りたいですか？ありがとうございました:) –

あなたはこのことにアイコンを渡すつもりはありません。あなたができることは、それが返すものを見ることです。https://github.com/glennflanagan/react-collapsible/blob/develop/src/Collapsible.js#L248

いずれにしても、これはクラスCollapsible__triggerのspan要素によって処理されます。その情報はここの例にあります：https://github.com/glennflanagan/react-collapsible/blob/develop/example/_src/sass/components/_Collapsible.scss#L37

出典

2017-05-16 15:52:27 unflores

ありがとうございます。 –

私が言っていることは、この図書館のやり方であなたが渡すことのできるものは何もないということです。私が最後に与えたリンクでは、37行目でアイコンの内容を設定しています。それはテキスト '\ f107'で処理されます。何らかのイメージのために、あなたは次のようなことをCSSで行うでしょう。content：url（image.jpg）; ' – unflores

これは良いことです。ありがとうございました！ –

は折りたたみリアクト - アイコン

答えて

関連する問題