小编Man*_*Tak的帖子

材质用户界面-带有复选框的扩展面板

我正在使用Material-UI进行UI设计。我正在使用集成了复选框的扩展面板。

请找到以下代码,

<ExpansionPanel 
    expanded={expanded === item.description} 
    onChange={this.handleChange(item.description)}
>
    <ExpansionPanelSummary expandIcon={<ExpandMoreIcon/>}>
        <Grid item xs={1}>
            <Checkbox
                value="checkedB"
                color="primary"
            />
        </Grid>
        <Grid item xs={2}>
            <Typography className={classes.heading}>
                {item.description}
            </Typography>
        </Grid>
        <Typography className={classes.desc}>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
            Suspendisse malesuada lacus ex,
            sit amet blandit leo lobortis eget.
        </Typography>
    </ExpansionPanelSummary>
    <ExpansionPanelDetails>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        Suspendisse malesuada lacus ex,
        sit amet blandit leo lobortis eget.
    </ExpansionPanelDetails>
</ExpansionPanel>
Run Code Online (Sandbox Code Playgroud)

但是我面临一个问题,当我选中或取消选中复选框时,扩展面板会扩展或折叠。由于该复选框,我想避免在扩展面板上执行任何操作。我该如何实现?

提前致谢。

material reactjs material-ui react-material

7
推荐指数
2
解决办法
3127
查看次数

Electron-builder 错误 - 致命错误:无法提交更改

我正在尝试打包电子反应应用程序。\n我正在使用电子构建器来实现此目的。

\n\n

电子版本 = 4.0.0\n电子构建器版本 = 20.19.1

\n\n

我遇到以下错误,

\n\n

错误:退出代码:1。命令失败:C:\\Users\\tak\\AppData\\Local\\electron-builder\\Cache\\winCodeSign\\winCodeSign-2.4.0\\rcedit-ia32.exe C :\\Users\\tak\\Desktop\\okta example\\new example\\OktaReactWeb\\oktareactwebapp\\dist\\win-unpacked\\oktareactwebapp.exe --set-version-string FileDescription oktareactwebapp --set- version-string ProductName oktareactwebapp --set-version-string LegalCopyright 版权所有 \xc2\xa9 2019 Mangesh Tak --set-file-version 0.1.0 --set-product-version 0.1.0.0 --set-version-string InternalName oktareactwebapp --set-version-string OriginalFilename --set-version-string CompanyName Mangesh Tak\n致命错误: 无法提交更改

\n\n

请在下面找到我的 package.json 的电子构建器构建配置,

\n\n
"build": {\n    "appId": "com.example.electron-cra",\n    "files": [\n      "build/**/*",\n      "node_modules/**/*"\n    ],\n    "directories": {\n      "buildResources": "assets"\n    },\n    "extraMetadata": {\n      "main": "build/electron.js"\n    }\n  },\n  "author": "MT",\n  "homepage": "./",\n  "main": "public/electron.js",\n  "scripts": {\n    "start": "react-scripts start",\n    "build": …
Run Code Online (Sandbox Code Playgroud)

reactjs electron electron-builder electron-forge electron-packager

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

Passport.js Google 策略不适用于 React 应用程序

我正在使用 Passport.js 谷歌策略进行用户身份验证。我正在使用 OAUTH2。

当我启动服务器并通过浏览器点击 API 时,它会启动 google 登录页面。但是当我从 React 前端点击 API 时,它永远不会启动谷歌登录页面。

请找到下面的服务器代码,

const bodyParser = require('body-parser');
const express = require('express');
const passport = require('passport');
const GoogleStrategy = require('passport-google-oauth').OAuth2Strategy;
const app = express();
const cors = require('cors');

app.use(passport.initialize());
app.use(passport.session());
app.use(cors());

app.use((req, res, next) => {
    res.setHeader("Access-Control-Allow-Origin", "*");
    res.setHeader(
        "Access-Control-Allow-Methods",
        "GET, POST, OPTIONS, PUT, PATCH, DELETE"
    );
    res.setHeader(
        "Access-Control-Allow-Headers",
        "X-Requested-With,content-type"
    );
    res.setHeader("Access-Control-Allow-Credentials", true);
    next();
});

app.use(bodyParser.urlencoded({
    extended: true
}));
app.use(bodyParser.json());


passport.use('google', new GoogleStrategy({
    clientID: "clientID", -- my client id
    clientSecret: …
Run Code Online (Sandbox Code Playgroud)

node.js reactjs passport-local passport.js passport-google-oauth

2
推荐指数
1
解决办法
2415
查看次数