将道具传递给实体UI样式

大佬教程收集整理的这篇文章主要介绍了将道具传递给实体UI样式，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决将道具传递给实体UI样式？

认真地说，如果要对功能组件进行样式设置，请使用@H_379_4@makeStyles。

在詹姆斯谭答案是4.x版本的最佳答案

使用时withStyles，您可以访问theme，但不能访问props。

请注意，Github上有一个要求解决此功能的公开问题，某些评论可能会为您提供您可能感兴趣的替代解决方案。

使用props更改卡的背景颜色的一种方法是使用内联样式设置此属性。我已对原始代码箱进行了一些更改，您可以查看修改后的版本以了解实际操作。

这是我所做的：

1. 用BACkgroundcolor道具渲染组件：

    // in index.Js
    if (rootElement) {
      render(<Demo BACkgroundcolor="#f00" />, rootElement);
    }

1. 使用此道具可以对卡片应用内联样式：

        function SimpleCard(props) {
          // in demo.Js
          const { classes, BACkgroundcolor } = props;
          const bull = <span classname={Classes.bullet}>•</span>;
          return (
            <div>
              <Card classname={Classes.carD} style={{ BACkgroundcolor }}>
                <CardContent>
                  // etc

现在，渲染的Card组件具有红色（＃F00）背景

查看文档的“ 替代”部分，以了解其他选项。

解决方法

    const styles = theme => ({
    card: {
    minWidth: 275,},

    const styles = theme => ({
    card: {
    minWidth: 275,BACkgroundColor: props.color  },

 Line 15:  'props' is not defined  no-undef

const styles = theme =>  (props) => ({
    card: {
    minWidth: 275,

 const styles  = (theme,props) => ({
        card: {
        minWidth: 275,

const styles = theme => ({
    card: {
    minWidth: 275,

<SimpleCard BACkgroundColor="#f5f2ff" />

大佬总结

以上是大佬教程为你收集整理的将道具传递给实体UI样式全部内容，希望文章能够帮你解决将道具传递给实体UI样式所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。