javascript - react : Pass function with a given argument to child

Question

我的目标是在父组件中创建一个函数并将其传递给子组件，这样我就可以将状态从子组件更新到父组件。

但是，我想在父组件中确定一个参数。

有什么办法可以做到吗？请参阅下面的示例。

假设我有以下代码

const Parent = ( props ) => {
    
    const [counter, setCounter] = useState(0);

    function updateFunc(type, id) {
        let obj = {type : "", id : id}
        if (type == "red"){
            obj.type = 'RED_FLAG';
        } else {
            obj.type = 'ELSE_FLAG';
        }
    return obj;
    }
    
    return (
        <>
            // HERE I WOULD LIKE TO PASS ALSO A "RED" ARGUMENT -> IS THIS POSSIBLE?
            <Child update = {update}
        </>
    )

}

Answer 1

您可以通过创建附加函数来做到这一点:

<Child update={(id) => {
  return updateFunc("red", id);
}}/>