Question

我是新来的反应者。在这里，我有一个功能组件。我在其中

const bginfo = useLocalStore(() => ({
      status: bgStatus,
      setStatus(val) {
        bginfo.status = val;
      }
    }));
return (
  <div className={css.root}>
    <Select
      onChange={(event) => bginfo.setStatus(event.target.value)}
      value={bginfo.status}
      id="bgStatus"
    />

所以，在此过程中，现在我不想创建新实例，bind function here instead of creating new instance.

我该怎么做？有人可以帮我吗？。

Answer 1

创建一个新函数并传递给onChange，如果将其与event / onChange一起使用，它将自动传递onClick

setStatus = (event) => {
  bginfo.setStatus(event.target.value);
}

<Select
  onChange={setStatus}
  value={bginfo.status}
  id="bgStatus"
/>

这是React docs

的一个官方示例

function ActionLink() {
  function handleClick(e) {
    e.preventDefault();
    console.log('The link was clicked.');
  }

  return (
    <a href="#" onClick={handleClick}>
      Click me
    </a>
  );
}

如何绑定功能而不是创建新功能？

1 个答案: