diff --git a/.eslintrc b/.eslintrc
index 812519ed8aad83d633d5a154341206c76fa071af..db4c05c406fd70c3d688477390dc705a375470d1 100755
--- a/.eslintrc
+++ b/.eslintrc
@@ -20,6 +20,15 @@
     "react/jsx-no-bind": [0],
     "react/prop-types": [0],
     "react/prefer-stateless-function": [0],
+    "react/jsx-wrap-multilines": ["error", {
+      "declaration": "parens-new-line",
+      "assignment": "parens-new-line",
+      "return": "parens-new-line",
+      "arrow": "parens-new-line",
+      "condition": "parens-new-line",
+      "logical": "parens-new-line",
+      "prop": "ignore"
+    }],
     "no-else-return": [0],
     "no-restricted-syntax": [0],
     "import/no-extraneous-dependencies": [0],
diff --git a/src/components/AvatarList/index.js b/src/components/AvatarList/index.js
index fcd0f020745e9f288a9b5b350f7bfa75ce038a26..08c502f122568e88d76652d2db95a56bb4af05df 100644
--- a/src/components/AvatarList/index.js
+++ b/src/components/AvatarList/index.js
@@ -28,12 +28,11 @@ const Item = ({ src, size, tips, onClick = (() => {}) }) => {
   return (
     <li className={cls} onClick={onClick} >
       {
-        tips ?
+        tips ? (
           <Tooltip title={tips}>
             <Avatar src={src} size={size} style={{ cursor: 'pointer' }} />
           </Tooltip>
-          :
-          <Avatar src={src} size={size} />
+        ) : <Avatar src={src} size={size} />
       }
     </li>
   );
diff --git a/src/components/EditableItem/index.js b/src/components/EditableItem/index.js
index ea2f44772d530b123e1d65d8cea2183d986f0a50..b0563c178172a36d68f3779b79177e77f5c93edd 100644
--- a/src/components/EditableItem/index.js
+++ b/src/components/EditableItem/index.js
@@ -25,7 +25,7 @@ export default class EditableItem extends PureComponent {
     return (
       <div className={styles.editableItem}>
         {
-          editable ?
+          editable ? (
             <div className={styles.wrapper}>
               <Input
                 value={value}
@@ -38,7 +38,7 @@ export default class EditableItem extends PureComponent {
                 onClick={this.check}
               />
             </div>
-            :
+          ) : (
             <div className={styles.wrapper}>
               <span>{value || ' '}</span>
               <Icon
@@ -47,6 +47,7 @@ export default class EditableItem extends PureComponent {
                 onClick={this.edit}
               />
             </div>
+          )
         }
       </div>
     );
diff --git a/src/components/PageHeader/index.js b/src/components/PageHeader/index.js
index 8680585eb4e6e9871d3dd050c0a3a2fcc1a78c99..c5e13bb7d7683e316a67028e00329da9ceaa82e7 100644
--- a/src/components/PageHeader/index.js
+++ b/src/components/PageHeader/index.js
@@ -144,17 +144,18 @@ export default class PageHeader extends PureComponent {
         </div>
         {
           tabList &&
-          tabList.length &&
-          <Tabs
-            className={styles.tabs}
-            defaultActiveKey={(tabDefaultValue && tabDefaultValue.key)}
-            activeKey={activeTabKey}
-            onChange={this.onChange}
-          >
-            {
-              tabList.map(item => <TabPane tab={item.tab} key={item.key} />)
-            }
-          </Tabs>
+          tabList.length && (
+            <Tabs
+              className={styles.tabs}
+              defaultActiveKey={(tabDefaultValue && tabDefaultValue.key)}
+              activeKey={activeTabKey}
+              onChange={this.onChange}
+            >
+              {
+                tabList.map(item => <TabPane tab={item.tab} key={item.key} />)
+              }
+            </Tabs>
+          )
         }
       </div>
     );
diff --git a/src/routes/Profile/AdvancedProfile.js b/src/routes/Profile/AdvancedProfile.js
index 671dac88fa81f17e4ad781980a51391e0c748b8e..b2350317291406cba25011b3a3661110d91c2dff 100644
--- a/src/routes/Profile/AdvancedProfile.js
+++ b/src/routes/Profile/AdvancedProfile.js
@@ -97,12 +97,11 @@ const popoverContent = (
   </div>
 );
 
-const customDot = (dot, { status }) => (status === 'process' ?
+const customDot = (dot, { status }) => (status === 'process' ? (
   <Popover placement="topLeft" arrowPointAtCenter content={popoverContent}>
     {dot}
   </Popover>
-  : dot
-);
+) : dot);
 
 const operationTabList = [{
   key: 'tab1',
diff --git a/src/utils/utils.js b/src/utils/utils.js
index ee479df58d852dde174e29504a0a574d6a58c6d7..89476c9e5ed53bfb53864e957c06e97e0ea5c145 100644
--- a/src/utils/utils.js
+++ b/src/utils/utils.js
@@ -95,7 +95,7 @@ export function digitUppercase(n) {
 
 function getRelation(str1, str2) {
   if (str1 === str2) {
-    console.warn('Two path are equal!');
+    console.warn('Two path are equal!');  // eslint-disable-line
   }
   const arr1 = str1.split('/');
   const arr2 = str2.split('/');