如何在ReactJs中单击动态生成的“链接”时将值传递到页面？

import React, { useState } from 'react';

const LinkComponent = () => {
  const [value, setValue] = useState('');

  const handleClick = (value) => {
    setValue(value);
  };

  return (
    <div>
      <a onClick={() => handleClick('传递的值')}>动态生成的链接</a>
    </div>
  );
};

export default LinkComponent;

import React from 'react';

const TargetPage = (props) => {
  return (
    <div>
      <p>传递的值: {props.value}</p>
    </div>
  );
};

export default TargetPage;