如何使用reactjs“显示警告框中的表行值”

import React, { useState } from 'react';

function App() {
  const [rowData, setRowData] = useState('');

  // 其他代码...

  return (
    <div>
      {/* 显示警告框 */}
      <button onClick={() => alert(rowData)}>显示警告框</button>
    </div>
  );
}

export default App;

import React, { useState } from 'react';

function App() {
  const [rowData, setRowData] = useState('');

  // 其他代码...

  const handleRowClick = (value) => {
    setRowData(value);
  };

  return (
    <div>
      {/* 表格 */}
      <table>
        <thead>
          <tr>
            <th>列标题</th>
            {/* 其他表头 */}
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>行值1</td>
            {/* 其他表格内容 */}
            <td>
              <button onClick={() => handleRowClick('行值1')}>显示警告框</button>
            </td>
          </tr>
          <tr>
            <td>行值2</td>
            {/* 其他表格内容 */}
            <td>
              <button onClick={() => handleRowClick('行值2')}>显示警告框</button>
            </td>
          </tr>
          {/* 其他表格行 */}
        </tbody>
      </table>

      {/* 显示警告框 */}
      <button onClick={() => alert(rowData)}>显示警告框</button>
    </div>
  );
}

export default App;