Question

我想在另一个类中分离我的类的渲染，然后调用渲染。你知道如何在React Native中做到这一点吗？如果你能在这里帮助我会很棒。

非常感谢

ALBO

Answer 1

知道了！

你必须写一个这样的类，例如：

export default class HomeRender extends Component {
constructor(props){
    super(props);
}

render() {
    return (
      <View>
          <Text>
              Hi
          </Text>
      </View>
    );
} 
}
module.exports = HomeRender;

之后，您可以在类中执行以下操作，从HomeRender调用render函数：

var Home = require('./app/components/home/HomeRender');
...
render() {
 <View>
  <Home />
 </View>

}
...

Answer 2

从另一个类调用render不是一个好习惯。而是创建一个新的组件类并在视图中导入该类。它将呈现。

Answer 3

这不是一个好习惯的人，在本地反应中，你应该总是导入你的组件并将其插入任何你想要的地方：

导入您想要的渲染文件：

            var Home = require('./app/components/home/HomeRender');

同样，无论您想要导入包含特定视图的组件，您都可以在特定视图中进行渲染，如下所示：

render() {
   <View>
       your wish component.... <Home/>
    </View>
  }

这将简化您在导航部分的工作，以及渲染您的组件，从而在任何地方返回视图。此外，您还应该遵循react-native的官方文档：https://facebook.github.io/react-native/docs/tutorial.html

在React Native中调用来自不同类的渲染

3 个答案: