該按鈕是 Form1 的子組件。我的表格1：
export default function Form1(props, {transform}){
return (
<div id='Form1' style={{transform: transform}}>
//Lots of html code..
{props.children}
</div>
)
}
在我的 App.js 中，我有以下內容：
const [activeStep, setActiveStep] = React.useState(0);
function handleNext(){
setActiveStep(activeStep 1);
};
const [transform, transformit] = React.useState("TranslateX(0px)");
function fram() {
transformit("TranslateX(-740px)");
};
<Form1 transform={transform}>
<Button onClick={() => {handleNext();fram();}}>NEXT</Button>
</Form1>
問題是我將props和{transform}都傳遞到 Form1 中，這反過來又不允許{transform}物件操縱 Form1 的樣式。
我已經在這里停留了一段時間，有沒有辦法將兩者都傳遞到form1？
uj5u.com熱心網友回復：
export default function Form1({transform,...props}){
return (
<div id='Form1' style={{transform: transform}}>
//Lots of html code..
{props.children}
</div>
)
}
像這樣改變論點應該沒問題
uj5u.com熱心網友回復：
如果將 Form1 更改為
function Form1(props){
return (
<div id='Form1' style={{transform: props.transform}}>
{props.children}
</div>
}
這對我有用。transform 和 children 都出現在 props 中。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/449030.html
上一篇：如何顯示長度不同的陣列資料
下一篇：如何僅覆寫特定通知的通知配置？