使用获取<p>值

Question

在单击li项并使用ref将其设置为selectedBranch状态后，是否有方法获取这个"name“值？

  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>