React中MUI初始化和方法调用

step1:引用

npm install @mui/material @emotion/react @emotion/styled

step2:D:\vue\untitled2123\src\App.tsx

import React from 'react';
import logo from './logo.svg';
import './App.css';
import Button from '@mui/material/Button';function App() {const GetAmount = (strAmount: number, grams: number) => {return strAmount + grams;};const Tile = () => {console.log('you click button')}return (<div className="App"><header className="App-header"><img src={logo} className="App-logo" alt="logo"/><Button onClick={Tile} variant="contained">{GetAmount(7, 9)}</Button></header></div>);
}export default App;

end

React中MUI初始化和方法调用相关推荐

java 内联调用深度_Java中内联虚拟方法调用的性能
java 内联调用深度总览动态编译的好处之一是它能够支持在虚拟方法代码上的广泛方法内联. 内联代码可提高性能时,代码仍必须检查类型(以防由于优化而更改了类型)或在多个可能的实现之间进行选择. 这导 ...
React中ref的使用方法
React中ref的使用方法在react典型的数据流中, props 传递是父子组件交互的唯一方式:通过传递一个新的 props 值来使子组件重新 re-render ,从而达到父子组件通信.当然, ...
如何在PHP中实现链式方法调用
写程序的人都喜欢偷懒,希望少打几行代码,并且让代码看起来很酷. 所以很多人写程序都会选择三元运算取代if..else.... 而用过JS的人应该都见识过js中的链式方法. 如 somevars.fun ...
java的子类调用构造器的顺序_深入剖析Java继承中的初始化与构造器调用关系
声明:本文为牛旦教育原创,所有权保留,转载请注明来源. 一个对象有两件事:状态和行为. 类中的实例变量表示其对象的状态. 实例方法表示其对象的行为. 类的每个对象都保持自己的状态. 创建类的对象时,将 ...
React中ref的使用方法和使用场景（详解）
摘要不管在Vue中还是React,如果我们想使用一个元素的DOM,不需要通过JS中操纵DOM的方法,它们提供了一个专属的API就是ref. 而Vue中的ref可能比较简单,这一篇主要讲一下如何在Re ...
就同一个Service类中，一个事务方法调用另外一个有事务的方法
目录一.Spring 事务机制二.Spring事务传播行为三.场景总结 1.在同一个类中,一个方法调用另外一个有注解(比如@Async,@Transational)的方法,注解是不会生效的 2. ...
必考题：子类继承父类，初始化以及方法调用顺序
前言: 最近重投简历,一家公司的笔试题,就是子类继承父类,初始化顺序以及方法的调用顺序,很遗憾,我做错了.所以,记录在这里,希望以后不要再错. 程序: // 父类 public class Paren ...
关于.net中值类型的方法调用
最近在看关于box和unbox的内存分配问题,发现一旦值类型调用了基类的方法或接口的时候就会发生装箱操作.因为基类型的方法或接口必须通过TypeHandle获得.由此引出了一个问题.若所执行的方法并不 ...
自定义view中onSizeChanged、onFinishInflate方法调用时机
转自:http://blog.csdn.net/anhenzhufeng/article/details/72886181 一般自定义View或ViewGroup基本上都会去实现onMeasure.o ...

React中MUI初始化和方法调用

React中MUI初始化和方法调用相关推荐

最新文章

热门文章