5、React表单与Docker容器化开发实践

React表单与Docker容器化开发实践

1. React表单开发

在开发过程中，我们要创建一个用于添加新用户的功能组件。

1.1 创建文件

首先，添加两个新文件：
1. services/client/src/components/AddUser.jsx
2. services/client/src/components/__tests__/AddUser.test.jsx

1.2 编写测试

在 AddUser.test.jsx 中编写测试代码：

import React from 'react';
import { shallow } from 'enzyme';
import renderer from 'react-test-renderer';
import AddUser from './AddUser';

test('AddUser renders properly', () => {
  const wrapper = shallow(<AddUser/>);
  const element = wrapper.find('form');
  expect(element.find('input').length).toBe(3);
  expect(element.find('input').get(0).props.name).toBe('username');
  expect(element