在ejs中制作类似组件的元素

Question

所以我已经使用React一段时间了，但是我需要在当前项目中使用ejs。我想做的是返回各种radio元素。我尝试使用以下代码进行操作：

<% const renderRadios = (value, name) => (
        `<label for="eventRate${value}" class="col-sm-2 col-form-label">1</label>
         <input type="radio" id="eventRate${value}" class="form-control" name="${name}" value="${value}" required>`
) %>
<% for (let i = 1; i <= 5; i++) { %>
    <%= renderRadios(i, 'eventRate'); %>
<% } %>

我认为这种解释可以解释我的目的。这是这段代码的作用：

我的意思是它按照我的指示去做。但我希望浏览器将其解析为HTML。有什么想法如何将这些元素呈现为HTML吗？

Answer 1

这就是我做到的方式

<% const renderRadios = (value, name) => { %>
    <div style="display: block;">
        <input type="radio" id="<%= name %><%= value %>" class=""
               name="<%= name %>" value="<%= value %>" required/>
        <label for="<%= name %><%= value %>" class="">
            <%= value %>
        </label>
    </div>
<% } %>

<% for (let i = 1; i <= 5; i++) { %>
    <%= renderRadios(i, 'eventRate'); %>
<% } %>