向PXSelect添加条件

import React, { useState } from 'react';
import PXSelect from 'px-select'; // 假设这是 PXSelect 组件的导入路径

const App = () => {
  const [conditions, setConditions] = useState([]);

  const handleAddCondition = () => {
    const newCondition = {
      type: 'text', // 条件类型
      label: '名称', // 条件显示的标签
      value: '' // 条件的值
    };
    setConditions([...conditions, newCondition]);
  };

  const handleRemoveCondition = (index) => {
    const newConditions = conditions.filter((_, i) => i !== index);
    setConditions(newConditions);
  };

  return (
    <div>
      <button onClick={handleAddCondition}>添加条件</button>
      {conditions.map((condition, index) => (
        <div key={index}>
          <label>{condition.label}:</label>
          <input
            type="text"
            value={condition.value}
            onChange={(e) => {
              const newConditions = [...conditions];
              newConditions[index].value = e.target.value;
              setConditions(newConditions);
            }}
          />
          <button onClick={() => handleRemoveCondition(index)}>移除</button>
        </div>
      ))}
    </div>
  );
};

export default App;