Javascript 如何向数组中添加动态变量？

我需要动态插入一个数组（=>inputClasses）字符串（=>Invalid'），它实际上是css中的一个类。然后从HTML标记中同时读取它们两个。 问题是他两个都不给我。 我犯了什么错

import React from 'react';
import './Input.css';

const input = (props) => {
    let inputElement = null;
    const inputClasses = ['InputElement'];

    if (props.invalid) {
        inputClasses.push('Invalid');
    }

    switch (props.elementType) {
        case ('input'):
            inputElement = <input
                className={inputClasses.join()}       <---------- Here he does not give me both
                {...props.elementConfig}
                defaultValue={props.value}
                onChange={props.changed} />;
            break;
        case ('textarea'):
            inputElement = <textarea
                className={inputClasses.join()}       <---------- And Here he does not give me both
                {...props.elementConfig}
                defaultValue={props.value}
                onChange={props.changed} />;
            break;
        case ('select'):
            inputElement = ( 
                <select
                    className={inputClasses.join()}         <---------- And Here he does not give me both
                    defaultValue={props.value}
                    onChange={props.changed}>
                    {props.elementConfig.options.map(option => (
                        <option key={option.value} defaultValue={option.value}>
                            {option.displayValue}
                        </option>
                    ))}
                </select>
            );
            break;
        default:
            inputElement = <input
                className={inputClasses.join()}      <---------- And Here he does not give me both
                {...props.elementConfig}
                defaultValue={props.value}
                onChange={props.changed} />;
    }

    return (
        <div className="Input">
            <label className="Label">{props.label}</label>
            {inputElement}
        </div>
    );
};

export default input;

从“React”导入React；
导入“/Input.css”；
常量输入=（道具）=>{
让inputElement=null；
常量inputClasses=['InputElement']；
如果（道具无效）{
inputClasses.push（'Invalid'）；
}
开关（props.elementType）{
大小写（‘输入’）：
inputElement=类名之间必须有空格，而不是逗号

inputClasses.join(' ')