如何使用静态代码分析器提取React组件的props？

Question

我正在为 React 创建一个代码分析器。例如，如果我们有

Cart.js

:

const Cart = ({
    products,
    discount,
    shipment,
    payment
}) => {
    return <div>
        {
            products.map(product => <Product
                {...product}
                canModify
                modifier={<Modifier />}
                images={2}
                onClick={p => setAsSelectedProduct(p)}
            />)
        }
    </div>
}

我想获取此处使用的

<Product

组件，但在我的静态代码分析工具中，假设是在 Python 中。

我怎样才能做到这一点？有没有一个库可以帮助我们获取token树？

Answer 1

您可以使用 babel 遍历 ast 来查找您正在寻找的任何类型的符号/节点。