<p> 使用 React ref 获取值

Question

有什么方法可以得到这个"name"；值，然后使用ref将其设置为selectedBranch状态？

const [selectedBranch, setSelectedBranch] = useState(null);
const selectRef = useRef();
const selectDeliveryBranch = () => {};
return (
<li
onClick={selectDeliveryBranch}
>
<p ref={selectRef}>{props.name}</p>
</li>

Answer 1

您不想使用ref来执行此操作，只需创建一个回调：

return <li onClick={()=>setSelectedBranch(props.name)}>
<p>props.name</p>
</li>

无需参考

Answer 2

您确定需要使用ref吗？你为什么不能那样做？

const [selectedBranch, setSelectedBranch] = useState(null);
const selectRef = useRef();
return (
<li
onClick={() => setSelectedBranch(props.name)}
>
<p ref={selectRef}>{props.name}</p>
</li>