react-native - 如何从函数组件中获取数据？

Question

我有一个功能组件（A）导入另一个功能组件（B）。

B 有一个 onChange 值，当我在 A 中导入 B 时，我想一直获取 onChange 值。

我不知道如何得到它。

这是这样的代码：

A：

import B from './B';

const A = () => {
  // I want to get B's onChange value over here
  return (
    <B />
  );
}

乙：

import React, { useState } from 'react';

const B = () => {
  const [value, setValue] = useState('');

  return (
    <SomePicker value={value} onChange={(value) => setValue(value)}
  );
} 

标签： react-nativereact-hooks

Answer 1

您可以参考以下解决方案。

import B from './B';

const A = () => {
 const getOnChangeValueFromB = (data) => {
   console.log(data)// you will get onChange value here
  };   
  // I want to get B's onChange value over here
  return (
    <B callBack={getOnChangeValueFromB}/>
  );
}

import React, { useState } from 'react';

const B = (props) => {
  const [value, setValue] = useState('');
const returnValueToA = (value) => {
    setValue(value)
    props.callBack(value);

  }
  return (
    <SomePicker value={value} onChange={(value) => returnValueToA(value)}
  );
}