非JavaScriptコード生成にReact/JSXを使用する

Question

コード生成フレームワークでReact/JSXを使用できるかどうかは疑問でした。

JSXで以下のコードを実行する方法はありますか？

var className = "Person" 
return (
    //// public class {className} 
    //// { 
    //// 
    //// } 
); 

ここで、////はJSXパーサに信号を送る特殊文字または文字シーケンスですが、これはプレーンテキストであるべきですか？

また、Reactを既に使用している方がよいでしょうか？

Answer 1

ブラウザでこれを行う場合は、このようなことを行い、マウント時にレンダリングされた<code>要素のtextContentを取得できます。私はサーバー上でReactを使用していませんが、ReactDOMSever's renderToStringを使用して、あなたの文字列から開始タグと終了タグを取り除き、あなたのanytypeに保存できるテキスト文字列のコードを持つ簡単なスクリプトを作成すると思いますファイルを使用してノード。

var data = { 
    class_name : 'User', 
    method1Name: 'doSomething' 
} 


class MakeClass extends React.Component { 
    componentDidMount(){ 
    console.log(this.codeElem.textContent) 
    } 

    render() { 
    let {json} = this.props; 
    return (
     <code ref={c=>this.codeElem=c}>{` 

class ${json.class_name} { 
    constructor() { 
     // do something 
    } 

    ${json.method1Name}() { 
    // this method does something 
    } 
} 

     `}</code> 
    ) 
    } 
} 

ReactDOM.render(
    React.createElement(MakeClass, {json: data}), 
    document.getElementById('root') 
); 

あなたはここで完全なものを見ることができます： http://jsbin.com/rizaqifasi/edit?html,js,console,output