后端没学过react,新来的前端还没入职,让我看看能不能改
用的hook,没用class
表单数据是传入的,
export default function CompensateAgreement({ data = {} }) {
const changeInfo = (event) => {
这里怎么写?要实现实现输入框中修改的数据直接修改到data,别的地方调用到这个表单组件的时候获取到的数据要有wtdlr和wtdlrsfz
};
return (
<div className="template ">
<p>
委托代理人:
<InputText
width={200}
value={data.wtdlr}这里我不知道写的对不对
spaceRight={50}
contenteditable="true"
onChange={changeInfo}
/>
身份证号码:
<InputText
width={200}
value={data.wtdlrsfz}
contenteditable="true"
onChange={changeInfo}
/>
</p>
</div>
);
}
这个是输入框组件
export default function InputText({
width,
value,
spaceLeft,
spaceRight,
underline = true,
...props
}) {
return (
<input
type="text"
value={value}
className={classnames(['input-text'])}
{...props}
style={{
minWidth: width,
marginLeft: spaceLeft,
marginRight: spaceRight,
}}
>
</input>
);
}