onTranslate(){
    const URL = `https://translation.googleapis.com/language/translate/v2?key=${API_KEY}&source=${this.state.langFrom}&target=${this.state.langTo}&q=${this.state.convertedText}&format=text`;    
    axios.get(URL)
    .then(res => {
      this.setState({ outputText: res.data.data.translations[0].translatedText });
      return
  }).catch(err => {
      console.log('err:', err);
      return
  })
  }

export default class WordContainer extends Container {
  constructor(props) { 
        super(props);
        this.state = {
          loadingItems: false,
          allItems: [],
          allTags: [],
          taggedItems: [],
          isCompleted: false,    
        };
  }

const AddWrapper = () => (
  <Subscribe to={[WordContainer]}>
        {word => <AddScreen word={word} />}
      
  </Subscribe>
);
export default AddWrapper;

export default class App extends React.Component {
  render() {
    return (
      <Provider>
        <Navigator />
      </Provider>
    );
  }
}

this.props.AAA.state.BBB;
this.props.AAA.CCC;

onDoneAddItem = (input, output, tags) => {
  if (output !== '') {
    this.setState(prevState => {
      const id = uuid(); // create a new ID using uuid
      const newItemObject = {
        // create an object called newItemObject which uses the ID as a variable for the name.
        [id]: {
          id,
          isCompleted: false,
          wordIn: input,
          wordOut: output,
          tags: tags,
          createdAt: Date.now(),
        },
      }; // create a new object called newState which uses the prevState object, clears the TextInput for newInputValue // and finally adds our newItemObject at the end of the other to do items list.
      const newState = {
        ...prevState,
        allItems: {
          ...prevState.allItems,
          ...newItemObject,
        },
        taggedItems: {
          ...prevState.taggedItems,
          ...newItemObject,
        },
      };
      this.saveItems(newState.allItems);
      return { ...newState };
    });
  }
};

saveItems = newItems => {
  const saveItem = AsyncStorage.setItem('Words', JSON.stringify(newItems));

  let mergedTags = [];
  for (let i = 0; i < Object.values(newItems).length; i++) {
    mergedTags.push(...Object.values(newItems)[i].tags);
  }
  let filteredTags = mergedTags.filter(function (x, i, self) {
    return self.indexOf(x) === i;
  });
  this.setState({
    allTags: filteredTags,
  });
};

loadingItems = async () => {
  try {
    const loadedItems = await AsyncStorage.getItem('Words');
    const allItems = JSON.parse(loadedItems);
    let mergedTags = [];
    for (let i = 0; i < Object.values(allItems).length; i++) {
      mergedTags.push(...Object.values(allItems)[i].tags);
    }
    let filteredTags = mergedTags.filter(function (x, i, self) {
      return self.indexOf(x) === i;
    });
    this.setState({
      loadingItems: true,
      allItems: allItems || {},
      taggedItems: allItems || {},
      allTags: filteredTags,
    });
  } catch (err) {
    console.log(err);
  }
};

onTagPress = selectedTag => {
  let wordsWithTag = {};
  for (let i = 0; i < Object.values(this.state.allItems).length; i++) {
    if (Object(Object.values(this.state.allItems)[i]).tags.indexOf(selectedTag) >= 0) {
      //wordsWithTag.push(Object.values(this.state.allItems)[i]);
      let id = Object.values(this.state.allItems)[i].id;
      let content = Object.values(this.state.allItems)[i];
      var word = { [id]: content };
      let wordsWithTag = { ...wordsWithTag, ...word };
      this.setState({
        taggedItems: wordsWithTag,
      });
    }
  }
};