我正在使用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)
但是我面临一个问题,当我选中或取消选中复选框时,扩展面板会扩展或折叠。由于该复选框,我想避免在扩展面板上执行任何操作。我该如何实现?
提前致谢。
我正在尝试打包电子反应应用程序。\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
我正在使用 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