Динамическая подгрузка js, css в REACT?

import TextField from "material-ui/TextField";
import Checkbox from "material-ui/Checkbox";
import RaisedButton from "material-ui/RaisedButton";
import Snackbar from "material-ui/Snackbar";
import Preloader from '../Preloader/Preloader'
class Login extends Component {
    constructor(props) {
        super();
        this.state = ({
        });
    }

    render() {
        return (
            <div>
                <div style={mainDiv}>
                    <img src="./img/da-systems.png" alt="" style={imageWidthHeight}/>
                    <TextField
                        floatingLabelText="Inlognaam" fullWidth={true}
                        onChange={this.validationLogin.bind(this)}
                        value={this.state.loginValue}
                        errorText={this.state.loginErr}
                    />

                    <TextField
                        floatingLabelText="Wachtwoord" fullWidth={true} type="password"
                        onChange={this.validationPass.bind(this)}
                        value={this.state.passValue}
                        errorText={this.state.passErr}
                    />

                    <TextField
                        floatingLabelText="Organisatie" fullWidth={true}
                        onChange={this.validationOrganization.bind(this)}
                        value={this.state.organizationValue}
                        errorText={this.state.organizationErr}
                    />
                    <div style={styles.myWidth}>
                        <Checkbox
                            label="Gegevens onthouden"
                            style={styles.checkbox}
                            onCheck={this.rememberMe.bind(this)}
                            checked={this.state.rememberMe}
                        />
                    </div>
                    <RaisedButton label="LOG IN" primary={true} fullWidth={true} onClick={this.logIn.bind(this)}/>
                </div>
            </div>
        )
    }
}

const styles = {
    block: {
        maxWidth: 250,
    },
    checkbox: {
        marginBottom: 16,
        width: '100%',
    },
    div: {
        display: 'flex',
        flexDirection: 'column',
        padding: 20,
        width: '100%',
    },
    paperLeft: {
        flex: 1,
        height: '100%',
        margin: 10,
        textAlign: 'center',
        padding: 10
    },
    paperRight: {
        height: 600,
        flex: 4,
        margin: 10,
        textAlign: 'center',
    },
    myWidth: {
        width: '100%',
        display: 'flex',
        marginTop: '15px',
        marginBottom: '15px',

    }

};

const imageWidthHeight = {
    marginTop:'25px',
    maxWidth: '130px',
}
const mainDiv = {
    display: 'flex',
    flexDirection: 'column',
    alignItems: 'center',
    marginLeft: '25px',
    marginRight: '25px',
}

export default Login