提供给叠加层的“数组”类型的道具“子项”无效。 期望单个反应元素

Question

It works just fine, and the other answers I've looked at don't really have a solution which can fit mine. What am I doing wrong?

  <Overlay
  isVisible={this.state.isVisible}
  onBackdropPress={() => this.setState({ isVisible: false })}
>
  {
    this.state.userSlugs.map((l, i) => (
    <WebView key = {i}
    source={{uri: 'https://myurl.com'+l}}
    style={{marginTop: 20}}
    injectedJavaScript={`const meta = document.createElement('meta'); 
    meta.setAttribute('content', 'width=device-width, initial-scale=0.3,
     maximum-scale=0.3, user-scalable=0'); meta.setAttribute('name', 'viewport'); 
     document.getElementsByTagName('head')[0].appendChild(meta); `}
    scalesPageToFit={false}
  />
    ))
  }
</Overlay>

Answer 1

正如我在评论中提到的，您需要将WebView包装到某个容器中，因为您将一组子项传递给Overlay ，但它只需要一个子项。