Реагируйте на open-iconic начальной загрузки, показывая символ 'T' вместо соответствующего значка

Question

Я установил bootstrap и реагировать-открыть-иконический , но не могу заставить его работать.

В коде используется следующее:

if (sortColumn.order === "asc")
  return <TextIcon className="oi sort-ascending" />;
return <TextIcon className="oi sort-descending" />;

В браузере под инструментами разработчика - реагирую, я вижу это:

И в пользовательском интерфейсе это отображается:

Зеленая рамка была добавлена, чтобы выделить значок текста. Это не показывает ожидаемый значок сортировки. Там нет ошибок или предупреждений. Кто-нибудь знает, как использовать?

Answer 1

Не удалось найти много полезной помощи для реакции-открытия-иконы;но вы можете использовать open-iconic

релевантный js :

class App extends Component {
  constructor() {
    super();
    this.state = {
      name: 'React'
    };
  }

  render() {
    return (
      <div>
        <Hello name={this.state.name} />
        <p>
          Start editing to see some magic happen :) 
        <span className="oi oi-person"> </span> 
        <span className="oi oi-sort-ascending"> </span> 
        <span className="oi oi-sort-descending"> </span> 

        </p>
      </div>
    );
  }
}

рабочий стек * здесь