Re-rendering view on initial tags change about react-native-tags HOT 3 OPEN

import React, { FunctionComponent as Component, useState, useEffect } from "react"
import Tags from "react-native-tags"

export const Test: Component<TestProps> = props => {

    const [ displayedTags, setDisplayedTags ] = useState()

    const getTags = async () => {
        var myTags = await ... // Load your tags
        setDisplayedTags(myTags)
    }

    useEffect(() => {
        getTags()
    }, [])

    // You render the component only when displayedTags has been initialised
    return (
        <>
            { displayedTags &&
              <Tags
                initialTags={displayedTags}
                ...
              />
            }
        </>
    )
}

const [ tags, setTags] = useState()

useEffect(() => {
    if(route.params.tags.length>0) setTags(route.params.tags)
    else {
         setTags([])
          }
}, [])

return (
    <>
        { Array.isArray(tags) &&
          <Tags
            initialTags={tags}
            ...
          />
        }
    </>
)