我正在为一个项目使用 Mac OS Monetary 和最近安装的 Git。我按照以下步骤激活 Git 命令和分支名称的 Git 自动完成功能。我在以前的 Macbook 上使用 MacOS Catalina 取得了成功，但它不适用于 Monetary。当我运行“ ”时，错误是“zsh：权限被拒绝：/Users/username/.zshrc”~/.zshrc
步骤是：
在终端中运行
curl -o git-completion.bash https://raw.githubusercontent.com/git/git/master/contrib/completion/git-completion.bash
curl -o _git https://raw.githubusercontent.com/git/git/master/contrib/completion/git-completion.zsh
~/.zshrc
更新文件
zstyle ':completion:*:*:git:*' script ~/.zsh/git-completion.bash
fpath=(~/.zsh $fpath)
autoload -Uz compinit && compinit
并运行
source ~/.zshrc
我该如何解决这个问题？
在我的 React 应用程序中，我有一个组件，它有一个文件下载按钮，用于下载来自后端的文件。我是AXIOS用来AJAX打电话的。问题是，下载文件后，它已损坏。我正在下载png文件和pdf文件。当我打开下载的图像时，它说它已损坏并且下载pdf仅显示白色背景。如何正确下载文件？
** 成分：**
import API from "../../api/api";
class DocumentsTable extends React.Component {
constructor(props) {
super(props);
this.state = {
fileId: 4
};
this.downloadMapById = this.downloadMapById.bind(this);
}
downloadMapById() {
const type = 1;
const file_id = this.state.fileId;
const FileDownload = require("js-file-download");
API.post("project/files/download", { file_id, type })
.then(({ data }) => {
FileDownload(data, "myImage.png");
console.log("success!", data);
})
.catch(err => {
console.log("AXIOS ERROR: ", err);
});
}
render() {
return …I am new to react. I have a react App with several class components and classless components. I have following two components and need to send a data ("projectID" in this case) from the child component to parent component. My child component is a classless component. I know that I can do this in class components as follows
sendId(id) {
this.setState({ projectID:id }, () =>
this.props.onClick(this.state.projectID)
)
}
But I have a classless child component
Child component:
const sendId = …我有以下带有 Slick carousel 的 React 应用程序。我创建了一个自定义 Next 按钮，需要执行该slickNext()方法才能继续下一张幻灯片。Slick carousel 文档和一些问题的答案提到了以下调用slickNext()方法的方式。
问题是我收到了错误 slider.slick is not a function。
这是我迄今为止尝试过的
gotoNext = () => {
var slider = document.getElementsByClassName("sliderMain")[0];
console.log("set", slider)
slider.slick("slickNext");
}
const SampleNextArrow = (props) => {
const { className, style } = props;
return (
<div
className={className}
onClick={this.gotoNext}
/>
);
}
const settings = {
dots: true,
infinite: false,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1,
swipe: false,
nextArrow: <SampleNextArrow className="customSlickNext" />,
};
<Slider
id="sliderMain"
{...settings} …我的应用程序中有两个组件（父组件和子组件）。我的子组件中有两次单击按钮，我需要将两个道具传递给父组件。我使用如下代码。问题是，我不能在父组件的元素中同时包含这两种方法，但我需要这样做。如何在父组件中同时使用edituser和deleteuser函数？
子组件：
class EnhancedTable extends React.Component {
constructor(props){
super(props);
this.state = {
userID: 10
};
this.editByUserId = this.sendUserId.bind(this);
this.DeleteByUserId = this.sendUserId.bind(this);
}
editByUserId() {
this.props.onClick(this.state.userID);
}
DeleteByUserId() {
this.props.onClick(this.state.userID);
}
render() {
return (
<button onClick={this.sendUserId}>
<BorderColorIcon onClick={this.editUserById} className="action margin-r" />
<DeleteIcon onClick={this.deleteUserById} className="action margin-r" />
</button>
)
}
}
父组件：
Import EnhancedTable from './EnhancedTable';
class Users extends Component {
constructor(props) {
super(props);
this.state = {
userID: null
};
this.editUser = this.editUser.bind(this);
this.deleteUser = this.deleteUser.bind(this);
}
editUser(idd) {
this.setState({
userID …我是 Reactjs 新手。我正在创建一个带有调查创建的应用程序，例如 Google Forms。我的组件有一个按钮，用于创建一个新的 Div，其中包含一些 HTML 元素来创建调查问题。为此，在按钮单击功能上，我创建一个 JSX 元素并将其推送到一个数组。然后，我在渲染函数内设置数组以显示其中的内容。
问题是，即使数组正在更新，动态 HTML 部分也无法在页面上看到。除了按钮之外，页面是空的。我怎样才能解决这个问题？
成分：
import '../../styles/css/surveycreation.css';
import React, { Component } from 'react';
let questionId = 0;
class SurveyCreation extends Component {
constructor(props) {
super(props);
this.questionsList = [];
this.state = {
}
}
addQuestion = (e) => {
e.preventDefault();
questionId = questionId + 1;
this.questionsList.push(
<div key={questionId}>
question block
</div>
)
}
render() {
return (
<div>
<button onClick={e => this.addQuestion(e)}>Add Question</button>
<div>
{this.questionsList}
</div>
</div>
);
}
};
export …我有一个用 Primer-react 模板开发的 React 应用程序。它有一个管理仪表板，在仪表板侧面板中有几个路由。我在我的 index.js 中设置了一个 Auth 路由，当我去每条路由时它都运行良好。但是当重新加载页面时，页面显示找不到 404 页面！
我保护来自 AuthRoute 的“/”路径，以便保护以“/”开头的每条路径（我在仪表板内有路由，如“/usertable”、“/users”、“/payments”等）。我不确定错误是否发生在这里，因为有一些路由（仪表板外）应该在没有身份验证的情况下访问，例如“/Signin”。
我假设如果我可以保护仪表板内每条路线的确切路径（如精确路径 =“/usertable”）而不是保护所有“/”路径，404 问题将得到解决！但是当我这样做时，注销后，我可以通过浏览器后退按钮返回仪表板，这会产生另一个问题。我该如何解决这个问题？
索引.js
import React from 'react';
import { BrowserRouter, Switch, Route, Redirect } from 'react-router-dom';
import { render } from 'react-dom';
import Auth from './auth';
import AppProvider from './components/AppProvider/AppProvider';
import Dashboard from './containers/Dashboard';
import { ForgotPassword, Signin, ResetPassword } from './pages';
import registerServiceWorker from './registerServiceWorker';
const AuthRoute = ({ component: Component, ...rest }) => (
<Route {...rest} render={props => {
if (Auth.isAuthenticated()) {
return …我有一个带有一些JSON数据的React应用程序。我有一个下拉菜单，用于在我的应用程序中为工作设置状态。我有一个名为status的状态，其中包含其ID的加载状态，如下所示。
this.state.status: [
{id: 1, name: 'To-do'},
{id: 2, name: 'In-progress'},
{id: 3, name: 'Completed'},
]
通过在下拉列表中选择菜单项来更改状态时，我需要将状态ID发送到API。因此，我将使用所选状态设置下拉列表的值，并在状态对象中按状态名称查找状态ID，并获取特定的ID。这是到目前为止我尝试过的。问题是，API调用无法捕获状态ID。控制台显示“ status_id未定义”
statusHandleChange = event => {
const project_id = this.props.projectData.id;
const job_id = this.props.projectData.currentJobId;
this.setState({ currentStatus: event.target.value }, () =>
Object.keys(this.state.status).forEach((key) => {
if (this.state.status[key].name === event.target.value) {
const status_id = (this.state.status[key].id)
}
}),
API.post('job/change_current_status', { project_id, job_id, status_id })
.then(({ data }) => {
console.log("success!", data)
})
.catch((err) => {
console.log("AXIOS ERROR: ", err);
})
);
};
错误：未定义“ status_id”！
javascript ×7
reactjs ×7
arrays ×1
axios ×1
ecmascript-6 ×1
html ×1
macos ×1
object ×1
react-slick ×1
slick.js ×1
zsh ×1