React Native父组件调用子组件

最新推荐文章于 2025-04-22 00:16:40 发布

原创

最新推荐文章于 2025-04-22 00:16:40 发布

· 2.1k 阅读

0 ·

版权

本文通过一个Demo展示了在React Native中如何实现父组件调用子组件的功能。无论组件是否分离，关键在于父组件如何正确地触发子组件的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用组件化写的
import React, { Component } from "react";
import { Text, View } from "react-native";
import Greeting1 from "./Greeting.js";

class Greeting extends Component {
  render() {
    let { foo, bar } = { foo: "aaa", bar: "bbb" };
    console.log(foo);
    
    console.warn(this.props.name)
    console.log(' this is a big date')
    return (
      <View style={
  {alignItems: 'center'}}>
        <Text>Hello {this.props.name}!</Text>
      </View>
    );
  }
}

export default class App extends Component {
  _log(log){
    console.warn(log);
    return null;
  }
  render() {
    console.warn("main begin");
    return (
      <View style={
  { alignItems: "center" }}>
        <Greeting name="Rexxar" />
        <Greeting1 name="Jaina" />
        <Greeting name="Valeera