我想覆蓋我的組件的文本顏色，使其成為多點線性漸變。根據Framer提供的代碼示例，我嘗試了以下方法:

export const withCustomColor = (Component): ComponentType => {
    // This part of the code is only run once when creating the component
    return (props) => {
        // This part runs every time the component is rendered.
        return (
            <Component
                {...props}
                color="linear-gradient(70deg, #7F00FF, #00EAFF, #FFF700, #FF007B)"
            />
        )
    }
}

這沒有任何作用。如果我做以下操作，我得到的是線性漸變，但作為背景塊，而不是實際的文本顏色:

<Component
                {...props}
                animate={{
                    background:
                        "linear-gradient(70deg, #7F00FF, #00EAFF, #FFF700, #FF007B)",
                }}
            />

但是將顏色放入動畫括號中沒有任何作用。

如何使用框架覆蓋將文本顏色更改為線性漸變？