From 8a6801d8aa5fca6f5cf18bea624138f0b94636a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E9=A1=BA=E5=BC=BA?= <ysq9207@126.com>
Date: Wed, 27 Nov 2019 11:36:50 +0800
Subject: [PATCH] repair code bug (#4303)

---
 frontend/src/components/dialog/share-to-group.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/dialog/share-to-group.js b/frontend/src/components/dialog/share-to-group.js
index 966a0f51f5..7baba64576 100644
--- a/frontend/src/components/dialog/share-to-group.js
+++ b/frontend/src/components/dialog/share-to-group.js
@@ -105,12 +105,12 @@ class ShareToGroup extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
+      options: [],
       selectedOption: null,
       errorMsg: [],
       permission: 'rw',
       sharedItems: []
     };
-    this.options = [];
     this.permissions = [];
     let { itemType, isRepoOwner } = props;
     if (itemType === 'library') {
@@ -134,14 +134,15 @@ class ShareToGroup extends React.Component {
 
   loadOptions = () => {
     seafileAPI.shareableGroups().then((res) => {
-      this.options = [];
+      let options = [];
       for (let i = 0 ; i < res.data.length; i++) {
         let obj = {};
         obj.value = res.data[i].name;
         obj.id = res.data[i].id;
         obj.label = res.data[i].name;
-        this.options.push(obj);
+        options.push(obj);
       }
+      this.setState({options: options});
     }).catch(error => {
       let errMessage = Utils.getErrorMsg(error);
       toaster.danger(errMessage);
@@ -303,7 +304,7 @@ class ShareToGroup extends React.Component {
                 <Select
                   isMulti
                   onChange={this.handleSelectChange}
-                  options={this.options}
+                  options={this.state.options}
                   placeholder={gettext('Select groups...')}
                   components={makeAnimated()}
                   maxMenuHeight={200}