gpt4 book ai didi

reactjs - createRef 在 react 无状态组件中无法正常工作

转载 作者:行者123 更新时间:2023-12-03 13:58:38 26 4
gpt4 key购买 nike

下面的代码抛出类型错误:“无法读取 null 的属性“焦点””。离开 react 的文档这应该可以工作。 注意:父组件实现了 redux connect 方法,但我不确定为什么这会对此组件产生任何影响。

import React, { Component, createRef } from 'react';
import './Card.scss';

const Card = ({isEditing, item, onBlur, onChange}) => {
let inputText = createRef();

const editing = (editMode) => {
if (editMode) {
inputText.current.focus();
}

return e => {
e.stopPropagation();
isEditing(item, editMode);
};
}

const update = () => {
return e => {
onChange(item.id, e.target.value);
}
}

return (
<div className="card">
<img className="card-image" src="https://picsum.photos/200/200"
alt="no image display" />
<div className="card-body">
{item.edited ? (
<div>
<input type="text" ref={inputText} onClick={e =>
e.stopPropagation()} value={item.name} onBlur=
{editing(false)}
onChange=
{update()} />
</div>
) : (
<h3 className="card-title" onClick={editing(true)} >
{item.name}
</h3>
)}
</div>
</div>
);
}

export default Card;

最佳答案

请按照描述使用 useRef here

此函数创建在功能组件生命周期期间处于事件状态的可变对象。

关于reactjs - createRef 在 react 无状态组件中无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50244452/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com