实现自己的组件库＜4＞. 仿elementui，封装 radio组件，radiogroup组件，checkbox组件，checkbox-group组件，form组件和form-item组件

这里我们将使用React来实现这些组件的核心功能。由于这里只提供核心功能，因此不包括所有的Element UI的功能，比如图标集成、按钮样式等。

1. Radio 组件

import React from 'react';
 
const Radio = ({ value, checked, onChange }) => {
  return (
    <label>
      <input type="radio" value={value} checked={checked} onChange={onChange} />
      {value}
    </label>
  );
};
 
export default Radio;

2. RadioGroup 组件

import React from 'react';
import Radio from './Radio';
 
const RadioGroup = ({ value, onChange, options }) => {
  return (
    <div>
      {options.map(option => (
        <Radio
          key={option.value}
          value={option.value}
          checked={option.value === value}
          onChange={onChange}
        />
      ))}
    </div>
  );
};
 
export default RadioGroup;

3. Checkbox 组件

import React from 'react';
 
const Checkbox = ({ value, checked, onChange }) => {
  return (
    <label>
      <input type="checkbox" value={value} checked={checked} onChange={onChange} />
      {value}
    </label>
  );
};
 
export default Checkbox;

在实际应用中，你还需要处理属性，比如name、disabled、border等，以及样式和事件处理。这些都可以通过React的属性（props）和状态（state）来实现。

注意：这些组件的核心功能已经实现，但是还需要处理一些边缘情况，例如表单验证、禁用状态、只读状态等。同时，还需要添加一些样式来进一步完善这些组件的用户体验。