javascript - ReactJS混淆 'JS code as text'和真正的JS代码: Add javascript code as text in ReactJS div

Question

我有一个 React JS 组件，我想在其中输入一些示例 JS 代码作为 div 内的文本。

代码看起来是这样的

render: function() {
return ( 
   <div id="sample_code_text">
       <p>
         if( 1==1 ) {
                              console.log(50) ;
         }
       </p>
    </div>
)};

我在 console.log(50); 处收到错误

 Uncaught Error: Parse Error: Line 37: Unexpected token ;

React 的 div 将“代码作为文本”混淆为 JS 代码。我该如何解决这个问题？

Answer 1

我认为您正在寻找的内容是由@dev-null建议的。
试试这个:

    <p>
      if( 1==1 ) {'{'}
        console.log(50) ;
      {'}'}
    </p>