首页 > 解决方案 > React-select r.stack.replace 不是函数

问题描述

所以我试图为我的反应选择添加一个边框半径,但是当我尝试添加自定义样式时,我遇到了一些错误,但我似乎找不到哪里出了问题。

  function OptionsSelector(props) {
  const customStyles = {
    option: (provided, state) => ({
      ...provided,
      borderBottom: "2px dotted black",
      borderRadius: "8px",
    }),
    control: (provided) => ({
      ...provided,
      marginTop: "5%"
    })
  };

  return (
    <div>
      <Select styles={customStyles}></Select>
    </div>
  );
}

但我得到的只是 r.stack.replace 不是一个函数。如果没有自定义样式,它实际上可以正常工作,因此其中的某些东西会弄乱它。

新错误:

    ×  C:\Users\Lucas\Documents\git\front-end-test-2-forked\src\components\OptionsSelector\index.jsx:13:6: C:/Users/Lucas/Documents/git/front-en×  C:\Users\Lucas\Documents\git\front-end-test-2-forked\src\components\OptionsSelector\index.jsx:13:6: C:/Users/Lucas/Documents/git/front-en×  C:\Users\Lucas\Documents\git\front-end-test-2-forked\src\components\OptionsSelector\index.jsx:13:6: C:/Users/Lucas/Documents/git/front-en×  C:\Users\Lucas\Documents\git\front-end-test-2-forked\src\components\OptionsSelector\index.jsx:17:6: C:/Users/Lucas/Documents/git/front-en×  C:\Users\Lucas\Documents\git\front-end-test-2-forked\src\components\OptionsSelector\index.jsx:13:6: C:/Users/Lucas/Documents/git/front-en×  C:\Users\Lucas\Documents\git\front-end-test-2-forked\src\components\OptionsSelector\index.jsx:13:6: C:/Users/Lucas/Documents/git/front-end-test-2-forked/src/components/OptionsSelector/index.jsx: Unexpected token (13:6)
  11 |   const customStyles = {
  12 |     option: (provided) => ({
> 13 |       ...provided,
     |      ^
  14 |       borderBottom: "2px dotted black",
  15 |       borderRadius: "8px",
  16 |     }),

标签: javascriptreactjsfrontendreact-select

解决方案


推荐阅读