小编sig*_*mus的帖子

如何在运行create-react-app构建脚本时设置构建.env变量?

我在create-react-app中使用以下环境变量:

console.log(process.env.REACT_APP_API_URL) // http://localhost:5555
Run Code Online (Sandbox Code Playgroud)

当我npm start通过读取.env文件运行时它可以工作:

REACT_APP_API_URL=http://localhost:5555
Run Code Online (Sandbox Code Playgroud)

如何设置不同的值,如http://localhost:1234执行npm run build

这是我的package.json档案:

{
  "name": "webapp",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "react-scripts": "0.9.0"
  },
  "dependencies": {
    "react": "^15.4.2",
    "react-dom": "^15.4.2"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}
Run Code Online (Sandbox Code Playgroud)

frontend reactjs webpack react-scripts create-react-app

49
推荐指数
5
解决办法
5万
查看次数

如何使用无服务器框架部署到S3 Bucket中的特定对象键?

无服务器框架配置允许:

deploymentBucket:
    name: foo
Run Code Online (Sandbox Code Playgroud)

但是,它始终serverlessfoo存储桶内创建对象键.我希望能够部署到不同的密钥,如BAR.

deploymentBucket:
    name: foo/BAR # illustration only, doesn't work
Run Code Online (Sandbox Code Playgroud)

我有什么选择?

amazon-s3 amazon-web-services aws-lambda serverless-framework

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

使用请求库通过Python 3.7发出异步请求

我需要使用Requests库发出异步请求。在Python 3.7中,如果尝试from requests import async得到SyntaxError: invalid syntax

async在Python 3.7中保留。如何解决这种情况?

python python-3.x python-requests grequests

10
推荐指数
2
解决办法
4374
查看次数

当反向关系为full = True时,Django Tastypie抛出'超出最大递归深度'.

如果运行以下代码,我会超出最大递归深度:

from tastypie import fields, utils
from tastypie.resources import ModelResource
from core.models import Project, Client


class ClientResource(ModelResource):
    projects = fields.ToManyField(
        'api.resources.ProjectResource', 'project_set', full=True
    )
    class Meta:
        queryset = Client.objects.all()
        resource_name = 'client'


class ProjectResource(ModelResource):
    client = fields.ForeignKey(ClientResource, 'client', full=True)
    class Meta:
        queryset = Project.objects.all()
        resource_name = 'project'

# curl http://localhost:8000/api/client/?format=json
# or
# curl http://localhost:8000/api/project/?format=json
Run Code Online (Sandbox Code Playgroud)

如果其中一个关系上的set full = False,则它起作用.我确实理解为什么会发生这种情况,但我需要两种关系才能带来数据,而不仅仅是"resource_uri".是否有Tastypie方法来做到这一点?我设法解决了在我的项目模型上创建序列化方法的问题,但它远非优雅.谢谢.

python django tastypie

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

带有多行的 ReCharts

我想创建一个包含多行的 ReChart 组件。

到目前为止,我有这个虚拟代码。

<LineChart
  data={data}
  margin={{
    top: 16,
    right: 16,
    bottom: 0,
    left: 24
  }}
>
  <XAxis dataKey="time" />
  <YAxis>
    <Label angle={270} position="left" style={{ textAnchor: "middle" }}>
      Cyber assesment
    </Label>
  </YAxis>
  <Line type="monotone" dataKey="amount" stroke="#556CD6" dot={false} />
</LineChart>
Run Code Online (Sandbox Code Playgroud)

数据是一个数组,有两个值对象:

function createData(time, amount) {
  return { time, amount };
}

const data = [
  createData('00:00', 0),
  createData('03:00', 300),
  createData('06:00', 600),
  createData('09:00', 800),
  createData('12:00', 1500),
  createData('15:00', 2000),
  createData('18:00', 2400),
  createData('21:00', 2400),
  createData('24:00', undefined),
];

Run Code Online (Sandbox Code Playgroud)

我想这样做,所以我可以绘制多条线,在那里我尝试创建一个不同的函数并将其他数据添加到同一个数组中,但没有好的结果。

如何做到这一点?

我试图创建一个工作示例,但没有任何运气

function createData(time, amount) { …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs recharts

5
推荐指数
2
解决办法
8928
查看次数

安装后,ReactJS组件可以接收新属性或新状态.组件内部会发生什么不同?

安装后,ReactJS组件可以接收新属性或新状态.通常可以使用不同的方法解决相同的问题.

有效负载用于设置新状态:

getInitialState: function() {
    return {data: {}};
},
componentDidMount: function() {
    requestData().then(function(payload) {
        this.setState({data: payload});
    }); 
}
// this.state.data is available for use
Run Code Online (Sandbox Code Playgroud)

或者新的有效负载作为props传递:

requestData().then(function(payload) {
    React.render(<Example data={payload}/>, container);
});
// this.props.data is available for use
Run Code Online (Sandbox Code Playgroud)

在这两种情况下,组件在requestData解析时都会更新.组件内部会发生什么不同?

javascript reactjs

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

我可以使用 webpack 单独缩小文件吗?

我有一个项目,其中有很多 JavaScript 文件,分别位于多个文件夹中。

root
 | - index.html
 | - lib
 | -- jquery-ui.js
 | -- jquery.js
 | -- html2canvas.js
 |  
 | - js
 | -- main.js
 | -- app1.js
 | -- app2.js
 | -- app3.js
Run Code Online (Sandbox Code Playgroud)

并且需要使用 webpack 分别缩小这些文件,以便每个文件保留其路径。

我不想拥有一个包含所有代码的文件。

我当前的配置:

const path = require('path');

module.exports = {
    entry:[
        './js/index.js',
        './pages/MCF/js/index.js',
        './pages/MCF/js/refresh.js',
        './pages/MCF/lang/index.js',
        './pages/MCF/lib/scriptJs/script.js',
        './pages/MCF/lib/scriptJs/load.js'
        ],
    output :{
        path :path.resolve('./prod/js'),
        filename: "app.min.js"
    },
    module:{
        rules:[
        {
            test:/\.js$/,
            exclude: /(node_modules|bower_components)/,
            use:['babel-loader']
        }
        ]
    }
}
Run Code Online (Sandbox Code Playgroud)

javascript minify webpack

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

执行几个mongoose查询:如何使用promises?

我有以下代码,我想避免嵌套回调:

app.get '/performers', (req, res) ->
    conductor = require('models/conductor').init().model
    soloist = require('models/soloist').init().model
    orchestra = require('models/orchestra').init().model
    chamber = require('models/chamber').init().model
    performers = {}
    conductor.find {}, (err, result) ->
        performers.conductor = result
        soloist.find {}, (err, result) ->
            performers.soloist = result
            orchestra.find {}, (err, result) ->
                performers.orchestra = result
                chamber.find {}, (err, result) ->
                    performers.chamber = result
                    res.json performers
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?

asynchronous mongoose promise coffeescript express

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