如何在 reactjs 中渲染 html 脚本答案

<li><a id="customPopover">Data Source One</a> <i class="fa fa-times"></i> <div class="axis_popover left"> <div class="axis_popover_title">Title</div> <div class="axis_popover_content"> <p><input type="text" class="form-control box_ip"/></p> <p><button class="btn">button</button></p> </div> </div>

【解决方案1】：

您可以参考这个将使用 ReactJS 运行的示例。它会给你关于 ReactJS 的基本概念。

<!DOCTYPE html>
<html lang="en">

<head>
  <!-- use react js 15.0 js -->
</head>

<body>
    <div id="showHere"></div>
    <script type="text/babel">
        var Example = React.createClass({ 
            
    render: function() { 
        return ( <div>
		<a id="customPopover">Data Source One</a>
		<i class="fa fa-times"></i>
		<div class="axis_popover left">
        <div class="axis_popover_title">Title</div>
          <div class="axis_popover_content">
            <p><input type="text" class="form-control box_ip"/></p>
            <p><button class="btn">button</button></p>
          </div>                                                    
    </div>
	</div>) 
    } 
        }); 
        
ReactDOM.render(
 <div>
        <Example></Example>
         
        </div>,
    document.getElementById('showHere') );
    </script>
</body>

</html>

【讨论】：

而不是我在 jsx 中需要的 html
然后将其转换并放在同一个地方。
在我使用 ES6 的意义上，我需要在 es6 中渲染组件
即使你只添加简单的html文件，它也会运行。
我已经在 es6 中有组件，点击按钮我需要弹出窗口。我已经有我发布的弹出窗口的 html 文件。所以为此我有如下脚本 $("#customPopover").click(function() { $(".axis_popover").toggle(); });如何在组件中渲染