主页 / 问题 / 933865
Accepted
Владислав
Asked:2020-01-19 04:08:51 +0000 UTC2020-01-19 04:08:51 +0000 UTC

如何将属性传递给 React js 中的 onClick 或 onKeyUp 元素？

  • 772

昨天我开始研究 React JS，我创建了一个脚本，它只是简单地向页面添加一个带有输入的表格。但是我仍然需要在这些输入上挂一个事件，我对它们进行了规定，但是当我启动页面时，会显示表格，但输入本身没有事件。你怎么能添加它们？

我的 react.js 脚本

'use strict';

ReactDOM.render(
<table class="table_report">
<tr>
  <td class="td_report">
    <div id="popup">
      <div id="popup_bg" />
      <div class="form">
        <p for="inp" class="inp">
          <label>
            <input type="text" id="road" placeholder="&nbsp;" onKeyUp="searchfield(this.id)"/>
            <span class="label">Дорога назначения:</span>
            <span class="border" />
          </label>
        </p>
      </div>
    </div>
  </td>
</tr>
</table>,
document.getElementById("root")
);

在输出我得到元素。也就是说，为什么它会删除事件？

javascript

1 个回答

  1. Best Answer

    从您提供的代码中，我可以说以下内容

    首先，为了向 JSX元素添加事件，它们不像你那样用双引号写，而是以这种方式写。

    onKeyUp={searchfield(this.id)}

    其次，这是不好的做法，所以不要把所有东西都塞进ReactDOM.render-a 里面。创建单独的组件并添加它们。这是您学习使用正确实践的方式，因此更容易阅读和维护您的代码。

    三、这个标签

     <span class="border" />

    应该关闭span

    在JSXclass="inp"中的第四个类的写法不同 className="имя класса"

    第五， React总是，如果某些元素没有在页面上渲染，那么它会在控制台中报告相应的错误，首先，看看那里。

    • 0

相关问题