我有一個組件說child.jsx，它有一個按鈕，它handleClick在單擊按鈕時觸發在同一組件中定義的函式（名為：）。
現在我將其匯入到兩個組件中，例如parent1.jsx和parent2.jsx。
我現在想要的是handleClick僅當按鈕在parent1.jsx組件下而不是在parent2.jsx.
任何人都可以幫助提供有效的解決方案嗎？
uj5u.com熱心網友回復：
您可以傳遞像 EnabledButton 這樣的道具，parent1.jsx并將其檢查到您的click handler函式中
這是您的子組件
import React, { useState } from "react";
function Child(props) {
function onclickHandler(event) {
if(props.EnableButton)
{
console.log(event.target.value);
}
}
return (
<div>
<input
type="button"
value="Click Here"
name="button"
onClick={onclickHandler}
/>
</div>
);
}
export default Child;
你如何將 props 從parent1.jsx你的子組件中傳入
<Child EnableButton ={true}>
你如何將 props 從parent2.jsx你的子組件中傳入
<Child EnableButton ={false}>
使用這個概念，您也可以隱藏該按鈕。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/367821.html
上一篇：react-paypal-button-v2無法授權付款
下一篇：在指定索引處插入資料