fix: update refer to view

apache · Dec 11, 2020 · e37bf4e · e37bf4e
1 parent b566cfe
commit e37bf4e
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 13 deletions.
diff --git a/web/src/pages/Route/components/DebugViews/AuthenticationView.tsx b/web/src/pages/Route/components/DebugViews/AuthenticationView.tsx
@@ -111,9 +111,9 @@ const AuthenticationView: React.FC<RouteModule.DebugViewProps> = (props) => {
                 props.form.setFieldsValue({ autyType: currentValue });
               }}
             >
-              <Radio value="none">none</Radio>
-              {AUTH_LIST.map((type) => (
-                <Radio value={type}>{type}</Radio>
+              <Radio value="none">None</Radio>
+              {AUTH_LIST.map((type,index) => (
+                <Radio key={`${type}_${index}`} value={type}>{type}</Radio>
               ))}
             </Radio.Group>
           </Form.Item>

diff --git a/web/src/pages/Route/components/DebugViews/DebugDrawView.tsx b/web/src/pages/Route/components/DebugViews/DebugDrawView.tsx
@@ -169,8 +169,8 @@ const DebugDrawView: React.FC<RouteModule.DebugDrawProps> = (props) => {
             }}
             size="large"
           >
-            {HTTP_METHOD_OPTION_LIST.map((method) => {
-              return <Option value={method}>{method}</Option>;
+            {HTTP_METHOD_OPTION_LIST.map((method, index) => {
+              return <Option key={`${method}_${index}`} value={method}>{method}</Option>;
             })}
           </Select>
           <Search

diff --git a/web/src/pages/Route/components/DebugViews/DebugParamsView.tsx b/web/src/pages/Route/components/DebugViews/DebugParamsView.tsx
@@ -32,17 +32,18 @@ const DebugParamsView: React.FC<RouteModule.DebugViewProps> = (props) => {
             <>
               {fields.map((field, index) => (
                 <Row gutter={16}>
-                  <Col span={1}>
+                  <Col span={1} key={`col_${field.name}_${index}`}> 
                     <Form.Item
                       name={[field.name, 'check']}
                       style={{ textAlign: 'right' }}
                       valuePropName="checked"
+                      key={`formitem_${field.name}_${index}`}
                     >
                       {fields.length > 1 && index !== fields.length - 1 && <Checkbox />}
                     </Form.Item>
                   </Col>
-                  <Col span={8}>
-                    <Form.Item name={[field.name, 'key']}>
+                  <Col span={8} key={`col_${field.name}_${index}`}>
+                    <Form.Item name={[field.name, 'key']} key={`formitem_${field.name}_${index}`}>
                       <Input
                         placeholder={formatMessage({ id: 'page.route.input.placeholder.paramKey' })}
                         onChange={() => {
@@ -58,16 +59,16 @@ const DebugParamsView: React.FC<RouteModule.DebugViewProps> = (props) => {
                       />
                     </Form.Item>
                   </Col>
-                  <Col span={8}>
-                    <Form.Item name={[field.name, 'value']}>
+                  <Col span={8} key={`col_${field.name}_${index}`}>
+                    <Form.Item name={[field.name, 'value']} key={`formitem_${field.name}_${index}`}>
                       <Input
                         placeholder={formatMessage({
                           id: 'page.route.input.placeholder.paramValue',
                         })}
                       />
                     </Form.Item>
                   </Col>
-                  <Col>
+                  <Col key={`col_${field.name}_${index}`}>
                     {fields.length > 1 && index !== fields.length - 1 && (
                       <MinusCircleOutlined onClick={() => remove(field.name)} />
                     )}

diff --git a/web/src/pages/Route/service.ts b/web/src/pages/Route/service.ts
@@ -86,9 +86,9 @@ export const checkHostWithSSL = (hosts: string[]) =>
     data: hosts,
   });
 
-export const debugRoute = (params: RouteModule.debugRequest) => {
+export const debugRoute = (data: RouteModule.debugRequest) => {
   return request('/debug-request-forwarding', {
     method: 'post',
-    data: { ...params },
+    data,
   });
 };