如何从react钩子中的字符串动态执行useState？

import React, { useState } from 'react';

function MyComponent() {
  const [state, setState] = useState(0);

  const executeHook = (hookString) => {
    const hookCode = `
      const [dynamicState, setDynamicState] = useState(0);
      ${hookString}
    `;
    eval(hookCode);
  };

  const handleClick = () => {
    executeHook('setDynamicState(dynamicState + 1);');
  };

  return (
    <div>
      <p>State: {state}</p>
      <p>Dynamic State: {dynamicState}</p>
      <button onClick={handleClick}>Increment Dynamic State</button>
    </div>
  );
}

export default MyComponent;