Remove declaration in render method and move it outside the component

README.md

@@ -36,48 +36,49 @@ import React, { Component } from 'react';
 import { View } from 'react-native';
 import MultiSelect from 'react-native-multiple-select';
 
-class MultiSelectExample extends Component {
-
-  state = {
-    selectedItems : [];
-  };
-
-
-  onSelectedItemsChange = selectedItems => {
-    this.setState({ selectedItems });
-  };
-
-  render() {
-    const { selectedItems } = this.state;
-
-    const items = [{
+const items = [{
     id: '92iijs7yta',
-    name: 'Ondo',
+    name: 'Ondo'
   }, {
     id: 'a0s0a8ssbsd',
-    name: 'Ogun',
+    name: 'Ogun'
   }, {
     id: '16hbajsabsd',
-    name: 'Calabar',
+    name: 'Calabar'
   }, {
     id: 'nahs75a5sg',
-    name: 'Lagos',
+    name: 'Lagos'
   }, {
     id: '667atsas',
-    name: 'Maiduguri',
+    name: 'Maiduguri'
   }, {
     id: 'hsyasajs',
-    name: 'Anambra',
+    name: 'Anambra'
   }, {
     id: 'djsjudksjd',
-    name: 'Benue',
+    name: 'Benue'
   }, {
     id: 'sdhyaysdj',
-    name: 'Kaduna',
+    name: 'Kaduna'
   }, {
     id: 'suudydjsjd',
-    name: 'Abuja',
-  }];
+    name: 'Abuja'
+    }
+];
+
+class MultiSelectExample extends Component {
+
+  state = {
+    selectedItems : [];
+  };
+
+
+  onSelectedItemsChange = selectedItems => {
+    this.setState({ selectedItems });
+  };
+
+  render() {
+    const { selectedItems } = this.state;
 
     return (
       <View style={{ flex: 1 }}>