Изменить цвет TreeNode в зависимости от некоторых условий; используя дерево из библиотеки Red AntD

Question

Я использую Дерево от Antd. Я хотел бы изменить цвет некоторых узлов Tree с Antd (React Library), я создаю дерево, блокируя мои данные.

Я вижу, что следующий css из antd всегда переопределяет мой встроенный стиль к указанному c TreeNode. Если я отключу цвет из css в элементах браузера, мои изменения цвета произойдут

Стиль, который переопределяет: .ant-tree li .ant-tree-node-content-wrapper

TIA

Answer 1

Установить стиль в заголовке для TreeNode вместо самого TreeNode

<TreeNode
    title={
      <span
        style={{
          color: node.match === false ? "red" : "black"
        }}
      >
        {node[val]}
      </span>
    }
  />