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

Question

Is there some way to get this "name" value after clicking on li item and set it to selectedBranch state using ref?

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

  const selectDeliveryBranch = () => {};

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

Answer 1

You do not want to use ref to do this, instead simply create a callback:

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

No ref needed

Answer 2

are you sure you need to use the ref? Why can't you do that?

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

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