如何制作反应有效的代码（添加内部脚本）

Posted 2023-02-21

【中文标题】如何制作反应有效的代码（添加内部脚本）

【英文标题】：How to make react-valid code (add inner script)

【发布时间】：2021-12-18 15:10:58

【问题描述】：

我需要更改此代码以使其对 React 有效

<script src="https://securepay.tinkoff.ru/html/payForm/js/tinkoff_v2.js"></script>
<form name="TinkoffPayForm" onsubmit="pay(this); return false;">
  <input class="tinkoffPayRow" type="hidden" name="terminalkey" value="TinkoffBankTest">
  <input class="tinkoffPayRow" type="hidden" name="frame" value="true">
  <input class="tinkoffPayRow" type="hidden" name="language" value="ru"> 
    <input class="tinkoffPayRow" type="text" placeholder="Сумма заказа" name="amount" required>
    <input class="tinkoffPayRow" type="text" placeholder="Номер заказа" name="order">
    <input class="tinkoffPayRow" type="text" placeholder="Описание заказа" name="description">
    <input class="tinkoffPayRow" type="text" placeholder="ФИО плательщика" name="name">
    <input class="tinkoffPayRow" type="text" placeholder="E-mail" name="email">
    <input class="tinkoffPayRow" type="text" placeholder="Контактный телефон" name="phone">
    <input class="tinkoffPayRow" type="submit" value="Оплатить">
</form>

我在index.html中添加了<script>，在React Component中创建了<form>，并在表单中添加了ref

我创建了const w = window as any 并添加了

const onSubmit = () => 
    w.pay(form.current);
  

但是没用

我需要将什么作为参数传递给 w.pay 函数？

【问题讨论】：

我看不懂该语言，但粗略的 Google 搜索发现您正在使用的库似乎是 a React component。这不是你要找的吗？

github.com/JsusDev/react-tinkoff-pay404error

【参考方案1】：

我通过添加dangerouslySetInnerHTML解决了这个问题