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做得不对返回一些我想要使用的值,并期望()=>无效,这似乎有点矛盾,您能解释一下吗?