我想把一个数组属性转换成一个字符串：

   export default class MyComp extends React.Component {
    render() {
        let type = this.props.type; // [".abc",".ded",".ted"];
        newType = type.join();
//o/p: newType= ".abc,.ded,.ted"
console.log(newType) // ".abc,.ded,.ted"
    return (
      <input type="file" accept={newType}/> //here throws error 
export default class SubComp extends React.Component{
   render() {
     <Mycomp type={[".abc",".ded",".ted"]}/>
}

当我试图访问作为 accept html的值的 newType 时，它抛出： TypeError: Cannot read property 'join' of undefined 。我在这里检查的一件事是，如果我试图将硬编码值传递给 newType ，它就能正常工作。只有当我尝试使用 .join() 或 .toString() 将数组转换为字符串时，它才会失败。

render() {
            let type = this.props.type; // [".abc",".ded",".ted"];
            newType = ".abc,.ded,.ted";
        return (
          <input type="file" accept={newType}/> //Works Fine!!!! 
        }

你知道是什么导致了这个问题吗？