第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

即使在我嘗試保存時(shí),使用 React 輸入字段也會(huì)說(shuō)合成,并且設(shè)置值而不是 defaultValue

即使在我嘗試保存時(shí),使用 React 輸入字段也會(huì)說(shuō)合成,并且設(shè)置值而不是 defaultValue

米脂 2023-03-18 16:13:06
當(dāng)我嘗試將更改保存到我的輸入字段時(shí)遇到問(wèn)題我收到一條錯(cuò)誤消息“警告:出于性能原因重用此合成事件。如果您看到此消息,則表示您正在訪問(wèn)已發(fā)布/已取消的nativeEvent屬性合成事件。這被設(shè)置為空。如果您必須保留原始合成事件,請(qǐng)使用 event.persist()?!?nbsp;此外,如果我在字段中鍵入時(shí)設(shè)置“值”而不是“默認(rèn)值”,我會(huì)得到 [Object, object]。這是輸入組件:const Profile = ({  profile,  mCatalog,  sCatalog,  isEditing,  onChange,  restoreData,  userID,}) => {const updateProviderNotes = (event) => {        const { name, value } = event.target;    onChange(name)(value);  }return (          <Input            type="textarea"            disbaled={false}            name="providerNotes"            value={providerNote}            onChange={updateProviderNotes}            />      )const Editor = ({ source, onChange, items, oldItems, name }) => {  return (    <div className="d-flex ml-3">      <div className={styles.bubble}>        <ListEditor          items={items}          oldItems={oldItems || []}          itemListSource={source}          onChange={onChange(name)}        />      </div>    </div>  );};export default Profile;這是父組件的一部分const ProfileData = ({  profile,  mCatalog,  sCatalog,  page,  catalog,  userID,  setProfile,}) => {  const [editingProfile, setEditingProfile] = useState(false);  const [oldProfile, setOldProfile] = useState(false);  useEffect(() => {    setOldProfile(profile)  }, [])  const handleMProfileCancel = () => {    setProfile(oldProfile)  }  const handleMedicalProfileSave = () => {    console.log("profile", profile)    console.log(typeof profile.medicalProfile.providerNotes)    api.UserRecords.updateMedicalProfile(userID, profile.medicalProfile)    setOldProfile(profile)      }  const updateMedicalProfileDetails = (fieldName) => (value) => {        setProfile({ ...profile, mProfile: {...profile.mProfile, [fieldName]: value }});  };任何建議都會(huì)有所幫助謝謝!
查看完整描述

1 回答

?
肥皂起泡泡

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超6個(gè)贊

您基本上會(huì)收到此錯(cuò)誤,因?yàn)槟诓辉试S的異步上下文(更新?tīng)顟B(tài))中使用事件。如果將事件分配給局部變量并引用它,則可以避免此錯(cuò)誤。

如果我在字段中鍵入時(shí)設(shè)置“值”而不是“默認(rèn)值”,我會(huì)得到 [Object, object]

您的onChange事件處理程序?qū)⑹盏揭粋€(gè)綜合事件對(duì)象和您傳遞給它的參數(shù)。使用您當(dāng)前的代碼,您將整個(gè)事件對(duì)象分配為字段值。

updateMedicialProfileDetails作為onChange道具傳遞的方法不在您的問(wèn)題中,因此我以該updateProfileDetails方法為例:

以下代碼應(yīng)該有效:

?const updateProfileDetails = (fieldName) => (event) => {

? ? const { value } = event.target;

? ? setProfile({ ...profile, mProfile: {...profile.mProfile, [fieldName]: value }});

? };

您通過(guò)此函數(shù)傳遞的名稱參數(shù)是不必要的,因?yàn)槟氖录?duì)象將具有可用的名稱屬性,因此您的代碼可以更新為以下內(nèi)容:


? <Input

? ? type="textarea"

? ? name="providerNotes"

? ? value={profile.providerNotes}

? ? onChange={onChange}

? ? oldValue={restoreData.providerNotes}

? />

事件處理程序:


? const updateProfileDetails = (event) => {

? ? const { name, value } = event.target;

? ? setProfile({ ...profile, mProfile: {...profile.mProfile, [name]: value }});

? };


查看完整回答
反對(duì) 回復(fù) 2023-03-18
  • 1 回答
  • 0 關(guān)注
  • 126 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)