react函数组件，父组件调用子组件内的方法

React函数组件是一种轻量级的组件编写方式，它使用JavaScript直接定义组件的行为，而不是像类组件那样通过`class`关键字。在函数组件内部，你可以使用`props`来向子组件传递数据，然后在子组件的`methods`中定义需要被父组件调用的方法。

假设有一个简单的父组件`ParentComponent`，它有一个子组件`ChildComponent`，子组件有一个名为`callMeFromParent`的方法：

// 父组件 ParentComponent.js
import React from 'react';
import ChildComponent from './ChildComponent';

const ParentComponent = ({ childData }) => {
  const callChildMethod = () => {
    // 调用子组件的方法
    if (childData && childData.callMe) {
      childData.callMe();
    }
  };

  return (
    <div>
      <ChildComponent data={childData} />
      <button onClick={callChildMethod}>Call Child Method</button>
    </div>
  );
};

export default ParentComponent;

在这个例子中，`ParentComponent`通过`data`属性将数据传给`ChildComponent`。当点击按钮时，父组件的`callChildMethod`方法会被调用，如果`ChildComponent`接收到的数据(`childData`)中包含`callMe`方法，那么这个方法就会被执行。

子组件`ChildComponent`：

// 子组件 ChildComponent.js
import React from 'react';

const ChildComponent = ({ data }) => {
  const callMe = () => {
    console.log('Called from parent!');
  };

  return (
    <div>
      {/* 其他子组件内容 */}
      <button onClick={() => callMe()}>This will be called</button>
    </div>
  );
};

export default ChildComponent;

在`ChildComponent`中，我们定义了`callMe`方法，并在内联函数里提供了一个点击事件处理，这样当父组件调用时，会触发子组件的相应操作。