0

レールで反応するためにreact_on_rails gemを使用しています。React select コントロールにreact-selectを使用しようとしています。しかし、インポートして使用すると:

import {Async} from 'react-select';
class TransferProduct extends React.Component {

  constructor(props) {
    super(props);
  }

  handleChange = (selectedOption) => {
    console.log(`Selected: ${selectedOption.label}`);
  }

  render() {
    const getOptions = (input, callback) => {
      setTimeout(() => {
        callback(null, {
          options: [
            {value: 'one', label: 'One'},
            {value: 'two', label: 'Two'}
          ],
          complete: true
        });
      }, 500);
    };
    return (
        <div className="TransferProduct">
          <Async
              className="ProductList"
              name="form-field-name"
              loadOptions={getOptions}
          />
        </div>
    );
  }
}

export default TransferProduct;

しかし、CSSが適用されていないようです。Chrome コンソールで表示すると、適用される CSS が表示されません。 ここに画像の説明を入力

ライブラリの反応コンポーネントの一部のアセットでは、react_on_rails が機能しないと思います。方法を教えてください。

4

1 に答える 1