首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Click不适用于react html解析。

Click不适用于react html解析。
EN

Stack Overflow用户
提问于 2022-08-17 04:36:38
回答 2查看 53关注 0票数 -1

Click不适用于react解析。从循环生成OnClick事件时不起作用

代码语言:javascript
运行
复制
const genRateRows = () => {
    let Data = ``;
    Object.keys(getProjList).map((oneKey, i) => {
        Data += `<div key={i}>
        <div>${oneKey}</div>`;

        Object.keys(getProjList[oneKey]).forEach((val, j) => {
            let tempObj = Object.values(getProjList[oneKey][val])[0];
            Data += ` <div className="projectCapsule d-flex" key=${j}>
                      <Col className="projectNameCapsule col-md-11">
                        <h5>${tempObj.talentName}</h5>
                      </Col>
                      <Col className="seeDetailsCapsule">
                        <button onClick={alert("ok")}>
                        See Details
                        </button>
                      </Col>
                  </div>`;
        });
        Data += `</div>`;
    });

    return parse(Data);
};
EN

Stack Overflow用户

发布于 2022-08-17 04:48:15

尝尝这个

代码语言:javascript
运行
复制
   <button ${ onClick={alert("ok")} }>
代码语言:javascript
运行
复制
            Data += ` <div className="projectCapsule d-flex" key=${j}>
                      <Col className="projectNameCapsule col-md-11">
                        <h5>${tempObj.talentName}</h5>
                      </Col>
                      <Col className="seeDetailsCapsule">
                        <button ${ onClick={alert("ok")} }> <-- Do this 
                        See Details
                        </button>
                      </Col>
                  </div>`;
票数 -1
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73382914

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档