React中的e.target.text

在React中，我们往往需要对事件做出响应，获取用户的操作行为。而在事件处理函数中，我们可以通过e.target取得事件发生的目标元素，进而获取目标元素的内容。e.target是一个事件对象，它包含了当前事件发生的详细信息。

而通过e.target.text，我们可以获取事件目标元素的文本内容。

示例代码

import React from 'react';

function handleClick(e) {
  console.log(`你点击了${e.target.text}`);
}

function MyComponent() {
  return (
    <button onClick={handleClick}>点击我</button>
  )
}

在上面的代码中，我们定义了一个事件处理函数handleClick，当点击按钮时，会调用此函数，并在控制台输出被点击的按钮文本内容。在handleClick函数中，我们通过e.target.text来获取目标按钮的文本内容。而在我们的组件代码中，我们使用onClick将handleClick函数绑定到按钮上，从而在用户点击按钮时响应此事件。

总结

通过e.target.text，我们可以方便快捷地获取目标元素的文本内容，从而实现更细节的响应操作。无论是在React组件中还是普通JavaScript应用中，都可以使用它来获取事件目标的文本内容。