Question

这是我的主要App类：

return(
  <Provider store={store}>
    <View style={ { flex: 1, paddingTop: paddingTop } }>
      <MainScreenNavigator/>
    </View>
  </Provider>
)

哪个有效。但是，如果我尝试在这样的登录中包装它：

return(
  <Provider store={store}>
    <View style={ { flex: 1, paddingTop: paddingTop } }>
      <Login>
        <MainScreenNavigator/>
      </Login>
    </View>
  </Provider>
)

使用Login类如下：

class Login extends Component {
  render = () => {
    return (
      <View>
        {this.props.children}
      </View>
    );
  }
}

什么都没有渲染。我不明白。

Answer 1

因为<%@ Control Language="vb" AutoEventWireup="false" Inherits="MyCtrlStatic" %> <script runat="server"> Public Class MyCtrlStatic Inherits UserControl Public Function DisplayValue() As String Return "Hello World" End Function End Class </script> <div><%=DisplayValue()%></div>中的View没有维度。给它一种Login样式，你应该看到你的flex: 1。

Answer 2

class Login extends Component {
  render = () => {
    return (
      <View style={{flex:1}}>
        {this.props.children}
      </View>
    );
  }
}

我的props.children没有渲染，但它们在父组件中

2 个答案: