生のHTMLがdangerouslySetInnerHTMLに渡されましたReact＆Electron "lowercased"

Question

react-photonkitを使用しているリアクタw/Electronのちょっとした不具合があります。私は光子の動的水平メニューを作成しようとしているプラ​​イマリ側のメニューに基づいてheaderに基づいて、プライマリの変更は、それは更新する水平方向の選択肢をトリガします。私のような何かをしようとしていた私はこれをアプローチする方法について、感触を試してみて、取得するには

、：

function dynHeader() { 
    return { __html: '<ButtonGroup> <Button glyph=\'home\' /> </ButtonGroup>' }; 
} 

... 
....render() { 
     return (
     <span dangerouslySetInnerHTML={dynHeader()} /> 
    ) 
    }; 

レンダリングされたHTMLは、光子の統合を破るすべて小文字で表示されます。誰もが、私はこれに対処する方法を上の任意の考えを持っている場合

は、私はいくつかの助けをいただければと思います。

多くのありがとうございます。

Answer 1

このようにはできません。

<ButtonGroup> <Button glyph=\'home\' /> </ButtonGroup> 

を実行時に、簡単なHTMLタグとして実行されて反応によって処理されることはありませんどの：

理由は、あなたが追加されていることです。あなたが何をしていても、常にこの方法で印刷されます。

あなたが試すことができるのは、ユーザーが単純なテキストとクラス名を変更できる動的コンポーネントを作成することです。ユーザー入力ごとに複数のDOMSを追加できます。

Dynamic child components