得到<p>使用 React ref 的值</p>

Question

单击 li 项目并使用 ref 将其设置为 selectedBranch state 后，是否有某种方法可以获取此“名称”值？

  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

你确定你需要使用参考吗？ 为什么你不能这样做？

const [selectedBranch, setSelectedBranch] = useState(null);
const selectRef = useRef();

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