Chakra ui按钮未呈现

Question

我正在尝试从Chakra UI更改按钮的颜色和大小。我不明白为什么什么都没变。

import './App.css';
import { Textarea, Stack, Button } from '@chakra-ui/react';
function App() {

return (
<>
<div className="App">
<h1>Notes App</h1>
<Textarea
placeholder="Enter your note"
size='sm'
width='50%' />
</div>
<div>
<Button colorScheme='blue'>Button</Button>
</div>
</>
);
}
export default App;

Answer 1

你必须用ChakraProvider包裹你的App组件来"注入";脉轮的CSS。在这个链接的文档中有这个步骤https://chakra-ui.com/guides/getting-started/cra-guide#2-provider-setup此外，如果您已经按照文档中的相同方式设置了所有内容，请查看前面的步骤。