为什么内联样式在对组件的反应中不起作用？

如何解决为什么内联样式在对组件的反应中不起作用？

为什么内联样式在对组件的反应中不起作用？我不明白为什么这不起作用。我知道可以用不同的方式。（例如使用 css 文件）。我只是 corius。智能感知没有帮助内联样式。这很奇怪..

import "./App.css";
import Button from "./components/Button";

function App() {
  return (
    <div className="App"  >
      <Button style={{fontSize:"50px"}} />
    </div>
  );
}

export default App;

//this is from Button components

import React from "react";

const Button = () => {

  return (
    <div>
      <button>
        Change
      </button>
    </div>
  );
};

export default Button;

解决方法

您需要将 style 属性传递给 Button 组件：

const Button = ({style}) => {

  return (
    <div>
      <button style={style}>
        Change
      </button>
    </div>
  );
};