小编Rya*_*ten的帖子

JSS 样式顺序不正确 - Material-UI

我遇到的情况是,我的 MUI 组件库的 JSS 样式(样式 A)正在取代消费者网站提供的样式(样式 B)。

样式 A 旨在被样式 B 覆盖。

以这个最小的例子为例:

样式A(在组件库中)

const styles = theme => ({
    title: {
        color: 'red'
    }
});

const CollapsibleCard = ({classes, title}) => (
    <Typography className={classes.title} variant={"h6"}>
        {title}
    </Typography>
);

export default withStyles(styles)(CollapsibleCard);
Run Code Online (Sandbox Code Playgroud)

样式 B(在消费者网站)

const styles = {
    title: {
        color: 'green'
    },
};

const Page = ({classes}) => (
    <CollapsibleCard
        title={"Testing"}
        classes={{
            title: classes.title
        }}
    />
);
export default withStyles(styles)(Page);
Run Code Online (Sandbox Code Playgroud)

导致元素具有级联样式:

.CollapsibleCard-title-160 { …
Run Code Online (Sandbox Code Playgroud)

themes reactjs material-ui jss css-in-js

6
推荐指数
1
解决办法
1803
查看次数

P5.js createCapture 失败回调

p5.j​​s 的createCapture函数是否有回调函数失败?(即当用户权限被拒绝或用户浏览器不支持视频摄像机流时)。

我注意到在 src 中有一个成功回调,但似乎无法找到失败的回调。在浏览器控制台中,p5 还报告'DOMException: Permission denied',但是,我想以更用户友好的方式处理此问题。

如果没有回调,使用 createCapture 处理媒体故障的最佳实践是什么,因为文档中似乎没有讨论过。

video-capture callback video-streaming p5.js

5
推荐指数
1
解决办法
900
查看次数