css - CSS：有没有办法从变量导入样式表

Question

我的 React 文件中有以下代码要导入inputStyles，其中包含我需要应用于文件的样式表：

import { inputStyles } from '@brightspace-ui/core/components/inputs/input-styles.js';

inputStyles返回以下对象，其中cssText包含我需要的样式表作为字符串的属性：[1]：https ://i.stack.imgur.com/Gxxql.png

有没有办法访问 inputStyles.cssText 并将其设置为我的 React 文件的样式表？

附加信息：这是我的 React 文件

import React from 'react';
import { Form } from 'react-bootstrap';
import { inputStyles } from '@brightspace-ui/core/components/inputs/input-styles.js';

const classes = inputStyles.cssText
export default class TextInput extends React.Component{
    render() {
        return (
            <Form.Group controlId="formGroupEmail">
                <Form.Label bsPrefix="d2l-label">HELLO</Form.Label>
                <input className={classes.d2lInputText} onInput={console.log(inputStyles)}/>
            </Form.Group>
        )
    }
}

标签： cssreactjsjsxstylesheetstyling