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

Question

它工作得很好，我看过的其他答案并没有真正适合我的解决方案。我究竟做错了什么？

  <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>

标签： javascriptreact-nativeoverlayreact-props

Answer 1

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