javascript - 如何将空数组放入模板字符串

Question

我想创建一个为我生成一些 react 代码的函数

这是我的函数，它接受一个对象并为我创建一堆 useState() 钩子(Hook)

var fromStateToHook = (obj) => {
    return Object.entries(obj).reduce((acc, [key,value]) => {
        return [...acc, [`const [${key}, 
        set${key.slice(0,1).toUpperCase() + key.slice(1)}] = useState('${value}');`]];
    }, []).join("\n")
}

当我这样使用它的时候

copy(fromStateToHook( {
    images: [],
}))

我回来了

const [images, setImages] = useState('');

我想换成这个

const [images, setImages] = useState([]);

有什么方法可以将数组放入模板字符串中吗？

Answer 1

数组需要按照您期望的方式进行“字符串化”。假设它是一维数组，Array.join会做

const numbers = [1, 2, 3, 4];
const template = `useState([${numbers.join(',')}])`
console.log(template); // useState([1,2,3,4])