在 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'); %>
<% } %>