Question

这是我对单个组件的简单React代码，但是每次我检查时，它都会不断抛出相同的警告。即使复制并通过了该示例，该警告仍然相同，并且仍然看不到该图标。请帮忙！

import React, { Component } from 'react';
import { Button } from '@material-ui/core';
import AddIcon from '@material-ui/icons/Add';


class AddWorkButton extends Component {
    constructor(props) {
        super(props);
        this.state = {  }
    }
    render() { 
        return (  
            <React.Fragment>
                <Button
                        variant="contained"
                        color="secondary"
                        startIcon={<AddIcon/>}
                >
                    TEST
                </Button>
            </React.Fragment>
        );
    }
}

export default AddWorkButton;

Answer 1

我遇到了同样的错误。

我这边的问题是，当我将Material-UI软件包更新为4.5时，react-script start已经在运行。

重新启动react-script start后，一切都开始工作。

Answer 2

  <Button variant="contained" color="primary" >
          Send <ArrowForwardIcon /> </Button>

不确定哪种方法正确，但是我以这种方式使它工作，

Answer 3

startIcon 和 endIcon 属性等待一个 React.ReactNode 类型的元素，它本身就是一个 React.ReactElement。也就是说，只需使用 React.cloneElement()。

<Button variant="contained" color="primary" startIcon={React.cloneElement(<SendIcon/>)}> TEST </Button>

无法使用Material-UI的<Button /> API中的“ startIcon”和“ endIcon”

3 个答案: