小编cbu*_*ler的帖子

react-native:从yarn切换到npm

是否有逐步的过程来将本机项目从使用yarn作为程序包管理器更改为使用npm?经过几天的搜索,我所能找到的只是从npm到yarn的说明,以及一个名为deyarn的软件包,它似乎对我而言并不完全有效。有人对此有很好的资源吗?

npm react-native yarnpkg

8
推荐指数
3
解决办法
5846
查看次数

根据文件夹设置git凭据

是否可以让包含多个存储库的文件夹使用一组凭据并让另一个文件夹用户使用不同的帐户?例如,我想在我的 mac 上有一个文件夹用于工作存储库,一个文件夹用于个人文件夹,并根据我所在的文件夹自动切换 git 用户名和密码。

git github github-for-mac

6
推荐指数
3
解决办法
8620
查看次数

Redux Sagas 未使用 redux persist 和connected-react-router 输入

我有一个 React Web 应用程序,它使用 redux、connected-react-router、redux saga 和 redux persist 以及带有 React-hot-loader 和 webpack 的 HMR。对大多数软件包进行重大更新后,我注意到传奇故事没有输入/执行。

相关包的当前版本为: "react": "^16.7.0", "react-redux": "^6.0.0", "redux": "^4.0.1", "redux-persist": “5.6.12”,“redux-saga”:“^1.0.1”,“react-hot-loader”:“^4.6.5”,“connected-react-router”:“^6.2.2”,“ webpack": "^4.29.3"。

我已尝试将 HMR 实现从 v4 恢复到较低版本,但我相信这是有效的。我还认为这可能是连接反应路由器实现,但我现在对此也很有信心(但我将展示两者以供参考)。我猜这是我的 redux 存储配置的问题,但我想如果我知道我就不会寻求帮助。

index.js 文件(应用程序入口点)

import React from 'react';
import ReactDOM from 'react-dom';
import { PersistGate } from 'redux-persist/integration/react';
import { Provider } from 'react-redux';
import App from './components/App';
import store, { persistor } from './store/config';

const render = (Component) => {
  ReactDOM.render(
    <Provider store={store}>
      <PersistGate persistor={persistor}>
        <Component />
      </PersistGate> …
Run Code Online (Sandbox Code Playgroud)

reactjs redux redux-saga redux-persist connected-react-router

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

如何在反应中使用谷歌翻译 API

我浏览了网站上的文档,但没有示例如何在 React 项目中使用谷歌翻译 API。有谁知道如何集成它,以便我可以对 API 进行简单的翻译调用?谢谢

google-translate reactjs

4
推荐指数
2
解决办法
2万
查看次数

导入字体以使用 webpack 和样式组件对项目做出反应

我正在尝试从使用 webpack 和样式组件的 React 项目中的本地资源导入字体。我有一个包含以下代码的字体文件夹:

import { css } from 'styled-components';
import { fontWeight } from './vars';

export const fontFaces = css`
  @font-face {
    font-family: 'OurFont';
    src: url('/resources/fonts/OurFont-Bold.woff2') format('woff2');
    font-weight: ${fontWeight.bold};
    font-style: normal;
  }
`;
Run Code Online (Sandbox Code Playgroud)

然后我有一个全局样式文件:

import { createGlobalStyle } from 'styled-components';
import { fontFaces } from './fonts';

export const GlobalStyles = createGlobalStyle`
  ${fontFaces}
`;
Run Code Online (Sandbox Code Playgroud)

在我的应用程序组件中,我使用来自样式组件的 ThemeProvider 像这样(为了简洁起见,这里省略了一些不相关的代码):

import { ThemeProvider } from 'styled-components';

class App extends React.Component {
render() {
  return (
    <ThemeProvider theme={{ theme }}>
      <GlobalStyles />
      <AppHeader …
Run Code Online (Sandbox Code Playgroud)

reactjs webpack-2 styled-components

4
推荐指数
1
解决办法
1万
查看次数

带有样式组件的单选按钮用于 React

我正在尝试使用样式化组件使用这支笔作为示例在 React 中实现一个单选按钮集,但是兄弟选择器让我绊倒了。这个怎么转

.radio-input:checked ~ .radio-fill {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  transition: width 0.2s ease-out, height 0.2s ease-out;
}
.radio-input:checked ~ .radio-fill::before {
  opacity: 1;
  transition: opacity 1s ease;
}
Run Code Online (Sandbox Code Playgroud)

到样式组件中的 css 中?

谁能指出我的错误或制作一个快速笔演示?谢谢!这是我的完整代码:

import React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import { colors } from '../../../theme/vars';

export class RadioGroup extends React.Component {
  getChildContext() {
    const { name, selectedValue, onChange } = this.props;
    return {
      radioGroup: {
        name, selectedValue, …
Run Code Online (Sandbox Code Playgroud)

radio-button reactjs styled-components

3
推荐指数
1
解决办法
8759
查看次数

不可更改地更新对象数组并管理长度减少量

我正在尝试将搜索历史保存在react/redux应用程序中(使用redux-actions)我在reducer中制作.我想保存最近的十次搜索,并在开头有最新的搜索.我有一个对象数组,我想(不可避免地)在数组的开头添加一个新对象,并将所有剩余的结果向下移动一个.我也不希望数组增长超过10个元素.我目前只是每次都用这个覆盖初始元素:

[setWorkPermit]: (state, action) => ({
  ...state,
  searchHistory: Object.assign([...state.searchHistory], { [0]: action.payload }),
}),
Run Code Online (Sandbox Code Playgroud)

我希望在ES6中有一个干净的方法来做到这一点.任何接受者?

javascript immutability ecmascript-6 redux redux-actions

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

如何使用 dockerfile 编译并运行 csharp 文件

如何使用 docker 文件为简单的 csharp 应用程序编译单个文件(或多个文件)?我的目标是创建一个类似于 w3 学校的小型 csharp repl。我已经看过这个问题,但它不适合我的需要。我没有 .csproj 文件,我从一个简单的 main.cs 文件开始,如下所示:

using System;
using System.Collections.Generic;
using System.Linq;

class MainClass {
    static void Main() {
        Console.WriteLine("Hello World!");
    }
}
Run Code Online (Sandbox Code Playgroud)

我想知道我可以将上面的代码作为字符串并使用 dockerfile 来编译并运行它以获得输出。具体来说,我可以使用什么基础映像?在执行此操作之前我是否需要安装任何其他软件包?下面的 dockerfile 取自另一个堆栈溢出问题,这似乎很合理,但我不想编译 asp.net 程序。

FROM microsoft/dotnet:2.2-sdk AS build
WORKDIR /app

COPY <your app>.csproj .
RUN dotnet restore <your app>.csproj

COPY . .
RUN dotnet publish -c Release -o out

FROM microsoft/dotnet:2.2-aspnetcore-runtime AS runtime
WORKDIR /app
COPY --from=build /app/out ./

ENTRYPOINT ["dotnet", "<your app>.dll"]
Run Code Online (Sandbox Code Playgroud)

c# docker

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

Outlook 加载项的 cors 问题

我正在编写 Outlook 插件,并尝试向 Jira 发出提取请求。但是,我遇到了我认为的 CORS 问题,并且不知道如何解决它。

错误消息显示:

“[已阻止] 的页面https://localhost:3000/index.html?_host_Info=Outlook$Mac$16.02$en-US不允许显示来自 的不安全内容http://mysite.atlassian.net/rest/api/2/myself。”

有没有办法从 Outlook 加载项发出提取请求来绕过 CORS?

我的外接程序只是一个基于反应的前端应用程序,获取请求需要基本身份验证,这在邮递员中运行良好(当然,它在浏览器外部,但 Outlook 外接程序在浏览器组件中运行)。

office-js outlook-web-addins

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