在ReactJS中使用它的动态变量名

const obj = {
  prop1: 'value1',
  prop2: 'value2'
};

const propName = 'prop1';
console.log(obj[propName]); // 输出 'value1'

import React, { useState } from 'react';

function DynamicForm() {
  const [inputType, setInputType] = useState('text');

  const handleInputChange = (event) => {
    setInputType(event.target.value);
  };

  const renderInput = () => {
    switch (inputType) {
      case 'text':
        return <input type="text" />;
      case 'number':
        return <input type="number" />;
      default:
        return null;
    }
  };

  return (
    <div>
      <select onChange={handleInputChange}>
        <option value="text">Text Input</option>
        <option value="number">Number Input</option>
      </select>
      {renderInput()}
    </div>
  );
}

export default DynamicForm;