Javascript 如何从React组件函数prop获取返回值?

Javascript 如何从React组件函数prop获取返回值?,javascript,reactjs,Javascript,Reactjs,我有这个部分: const WizardView = () => { return ( <Wizard finishButtonClick={() => {}} /> ); }; 是的,你可以这样做: anotherFunction(finishButtonClickReturnValue); const WizardView = () => { return ( <Wizard finishButtonClick={value

我有这个部分:

const WizardView = () => {
  return (
    <Wizard finishButtonClick={() => {}} />
  );
};

是的,你可以这样做:

anotherFunction(finishButtonClickReturnValue);
const WizardView = () => {
  return (
    <Wizard finishButtonClick={value => anotherFunction(value)} />
  );
};
const-WizardView=()=>{
返回(
另一个函数(值)}/>
);
};
或者,如果您愿意,请按以下方式操作:

const WizardView = () => {
  function handleClick(value) {
    anotherFunction(value)
  }

  return (
    <Wizard finishButtonClick={handleClick} />
  );
};
const-WizardView=()=>{
函数handleClick(值){
另一个函数(值)
}
返回(
);
};

您可以在状态中设置返回值,并在另一个函数中使用它

import React, {useState} from 'react'

const WizardView = () => {
 const[finishVal,setFinishVal]=useState()
  const finishbuttonclickfunction=()=>{
    //set the return value in state
    setFinishVal('function return value')
}
anotherFunction(finishVal){
  //you can use the return value here
}
  return (
    <Wizard finishButtonClick={(val) => finishbuttonclickfunction(val)} />
  );
};
import React,{useState}来自“React”
常量向导视图=()=>{
const[finishVal,setFinishVal]=useState()
const finishbuttonclickfunction=()=>{
//将返回值设置为状态
setFinishVal('函数返回值')
}
另一个函数(finishVal){
//您可以在此处使用返回值
}
返回(
finishbuttonclickfunction(val)}/>
);
};

@CaptainMhmdrz_A此评论没有用,最好解释一下您认为OP做得不对返回一些我想要使用的值,并期望()=>无效,这似乎有点矛盾,您能解释一下吗?