Javascript 在React Native中从不同类调用render

Javascript 在React Native中从不同类调用render,javascript,react-native,Javascript,React Native,我想将我对一个类的呈现分离到另一个类中,只调用呈现。你知道怎么用React Native做这个吗?如果你能在这里帮我,那就太好了 非常感谢 阿尔博明白了 您必须编写这样的类,例如: export default class HomeRender extends Component { constructor(props){ super(props); } render() { return ( <View> <Text>

我想将我对一个类的呈现分离到另一个类中,只调用呈现。你知道怎么用React Native做这个吗?如果你能在这里帮我,那就太好了

非常感谢

阿尔博明白了

您必须编写这样的类,例如:

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>

}
...

这不是一个好的练习者,在react native中,您应该始终导入您的组件,并将其插入到您希望插入的任何位置,如下所示:

            var Home = require('./app/components/home/HomeRender');
render() {
   <View>
       your wish component.... <Home/>
    </View>
  }
按如下方式导入所需的渲染文件:

            var Home = require('./app/components/home/HomeRender');
render() {
   <View>
       your wish component.... <Home/>
    </View>
  }
同样,无论您想在何处导入包含特定视图的组件,您都可以在特定视图中渲染,如下所示:

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

这将简化您在导航部分的工作,以及渲染在任何您想要的位置返回视图的组件。此外,您还应该遵循react native的官方文档:

从另一个类调用render不是好的做法。而是创建一个新的组件类并在视图中导入该类。它将渲染。

我只想将渲染和逻辑分开。例如,您有一个类Home,它具有视图的业务逻辑和呈现。我想在一个类中分离业务逻辑,并在另一个类中呈现视图。问题清楚了吗?很抱歉…您知道如何从另一个类调用函数吗?例如,在button click?上创建一个ES6类并在该类中编写方法,然后在父类中导入该类并创建一个类的对象,然后从该对象调用该方法