レールで反応するために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 が機能しないと思います。方法を教えてください。