检测React中段落中的哪个单词被点击

import React from 'react';

class WordClickDetection extends React.Component {
  handleClick(word) {
    console.log('Clicked word:', word);
    // 这里可以进行其他操作，例如跳转到其他页面或者修改组件的状态等
  }

  render() {
    const paragraph = "This is a sample paragraph for word click detection in React";
    const words = paragraph.split(' ');

    return (
      <div>
        <p>
          {words.map((word, index) => (
            <span key={index} onClick={() => this.handleClick(word)}>{word} </span>
          ))}
        </p>
      </div>
    );
  }
}

export default WordClickDetection;