0

我试图将选择选项中文本值的颜色更改为较暗的颜色

这是当前代码

import React, { Component } from "react";
import { Select } from "grommet";
import SandboxComponent from "./SandboxComponent";

const OPTIONS = ["First", "Second", "Third"];

export default class extends Component {
  state = { value: [], options: OPTIONS };

  render() {
    const { options, value } = this.state;
    return (
      <SandboxComponent>
        <Select
          multiple={true}
          value={"test"}
          onSearch={(searchText) => {
            const regexp = new RegExp(searchText, "i");
            this.setState({ options: OPTIONS.filter((o) => o.match(regexp)) });
          }}
          onChange={(event) =>
            this.setState({
              value: event.value,
              options: OPTIONS
            })
          }
          options={["test", "sneed"]}
          disabled
        />
      </SandboxComponent>
    );
  }
}

https://codesandbox.io/s/keen-murdock-ltuhr?file=/src/Select.js

但我无法这样做。

The doc is there https://v2.grommet.io/select?c=GYVwdgxgLglg9mABAUQB4EMC2AHANgUwAoBKRAbwChFEIEBnKRAbQDd1cR8AaRO-KAGrtOAXUQBeRACV86aADoQfAMpR0UIgHJM+ACYwQmTcQDcVRACd+IC0kLnqAHmX4C0B9URxsseuLJMmnSY7LiaPNp6BkYRuOgWAOb4miIAvh7UbBz4-lmc6Z6eCADCABboYEn+hGRePvBIqaTiAHy8-ELZhN6+YMQFhYj6dOgARgS6HgD0LeamFKlAA

但是我没有看到在禁用文本时更改文本颜色并使其变暗的参考

4

0 回答 0