javascript - 如何包装函数以添加新参数

Question

我有一个组件，需要一个类似属性的函数，其中发送参数“值”

function myLoadOptions(value)  {
    fetch( (...)
    .then( (...) return data.options)
}


<Component
loadOptions = myLoadOptions

/>

但我需要添加 o 包装函数以添加新参数，如下所示:

function myLoadOptions(table, value)  {
    fetch( (...)
    .then( (...) return data.options)

}
let table = 'customers';
<Component
loadOptions = myLoadOptions(table)
/>

但是它不起作用，loadOptions 不被表读取，有一种包装方法可以做到这一点吗？

有关原始组件的更多信息: https://github.com/JedWatson/react-select

import { Async } from 'react-select';

/*
 * assuming the API returns something like this:
 *   const json = [
 *      { value: 'one', label: 'One' },
 *      { value: 'two', label: 'Two' }
 *   ]
 */

const getOptions = (input) => {
  return fetch(`/users/${input}.json`)
    .then((response) => {
      return response.json();
    }).then((json) => {
      return { options: json };
    });
}

<Async
  name="form-field-name"
  value="one"
  loadOptions={getOptions}
/>

Answer 1

在您的渲染中尝试一下:

let table = 'customers';
...
<Component loadOptions={() => myLoadOptions(table) }/>