How to remove child component in react native

Question

I am using react native mapbox and have several and dynamic child component(layers) in Map component.

Something like:

<MapboxGL.MapView ...>
   <MapboxGL.RasterSource>
   ...
   </MapboxGL.RasterSource>
  ...
</MapboxGL.MapView>

There so many child component dynamic and conditonal.

I want to remove unwanted component because update some component doest not support.

So any suggestion or idea

score 1 · Answer 1 · answered Sep 27 '22 at 06:17

1

You can use state and conditionally render your items depending on the state e.g

const Component = ()=>{
  const [isVisible, setIsVisible] = useState(false);
  ...
  ...
  ...
  return (
    <MapboxGL.MapView ...>
      {...}
      // you can shortcircuit here
      {isVisible && <DynamicComponent>}
      // this should also work
      {isVisible ? <AnotherComponent/> : null }
    </MapboxGL.MapView>
  )
}

answered Sep 27 '22 at 06:17

Craques

953
1
8
16

Thanks for answer. is there any way to remove a child componet without condition? – Khurshid Ansari Sep 27 '22 at 06:19
1

At the top of my head there is nothing I am aware of, if you can provide the usecase then maybe maybe I can try and figure it out – Craques Sep 27 '22 at 06:20

score 0 · Answer 2 · edited Oct 05 '22 at 04:39

0

const Component = ()=>{
  const [showComponent, setShowComponent] = useState(false);

  return (
    <MapboxGL.MapView ...> 
      
      {showComponent && (
          <View>{.....}</View>
          : null }
      
    </MapboxGL.MapView>
  )
}

edited Oct 05 '22 at 04:39

Khurshid Ansari

4,638
2
33
52

answered Sep 27 '22 at 09:40

Gaurav

1
1

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Oct 03 '22 at 09:23

How to remove child component in react native

2 Answers2