小编bie*_*ier的帖子

我刚开始查看reactjs并尝试通过api检索数据:

constructor(){
    super();
    this.state = {data: false}
    this.nextProps ={};

    axios.get('https://jsonplaceholder.typicode.com/posts')
        .then(response => {
            nextProps= response;
        });
  }

当承诺回来时,我想将数据分配给状态:

componentWillReceiveProps(nextProps){
    this.setState({data: nextProps})
  }

如何使用从api收到的数据设置新状态？目前国家没有设定？

jsbin ref:https://jsbin.com/tizalu/edit ？ js,console,output

我正在阅读这个webpack教程:

https://webpack.github.io/docs/usage.html

它说它捆绑了src文件和node_modules.如果我想在那里添加另一个.js文件,我该怎么做？这是第三方文件,它不是源的一部分,也不是node_modules文件的一部分.这是我目前的webpack.config.js:

var path = require('path');
var webpack = require('webpack');

module.exports = {
    entry: [
        'react-hot-loader/patch',
        'webpack-dev-server/client?http://localhost:8080',
        'webpack/hot/only-dev-server',
        './app/app.js'
    ],
    output: {
        path: path.resolve(__dirname, "dist"),
        publicPath: "/dist/",
        filename: "dist.js",
        sourceMapFilename: "dist.map"
    },
    devtool: 'source-map',
    plugins: [
        new webpack.HotModuleReplacementPlugin(),
        new webpack.DefinePlugin({
            'process.env': {
                'NODE_ENV': JSON.stringify('development')
            }
        }),
    ],
    module: {
        loaders: [{
            loader: 'babel',
            exclude: /node_modules/
        }]
    },
    devServer: {
        inline: true
    },
    node: {
        fs: "empty"
    },
    watch: false
}

我只是围绕角度2,并着眼于设计向导类型的应用程序.第1页上的组件需要将数据传递给其他页面上的组件.考虑使用服务来保持在向导的下一个视图/组件中注入的状态/数据.整个事情应该松散耦合.我不认为设计一个可观察的模式是有用的,因为在下一个页面/视图之一上的组件尚不可见.角度2中的哪些新功能可以用来解决这个问题？

我有一个reactjs / webpack应用程序并尝试为bodytag设置背景图像：

body{
    background: url("../images/some-background.jpg");
    background-size:contain;
    background-position:top;
    background: cover;
}

但是，在加载组件之后，页面中将不显示主体样式，尽管它会显示在控制台中。在webpack加载的CSS文件中有CSS规则的同时，是否可以在主页上显示背景图像？这是因为reactjs做了我不知道的事情吗？

我试图在这个对象数组中返回匹配的ID:

const arr = [{id:1,name:'Harry'},{id:2,name:'Bert'}]
const arr2 =["1"]

如何在arr中返回值为1的id？

在我的 reactjs 代码中，我得到了：

const {
  children,
  location: { pathname },
} = this.props;

let path = location.pathname;

也在这个组件中使用 react 路由器模块。如何修复此错误？

在我的 React 组件中，我尝试（第一次）使用 css 网格布局。该列应该跨越 2，但实际上只有 1：

   < Value textAlign="right" gridCol={1} gridRow={index + 3} weight={'regular'}>
                <select>
                    <option />
                    <option value="-">Non-recurring income </option>
                    <option value="+">Non-recurring expense</option>
                    <option value="-">Rental Income (new purchase)</option>
                    <option value="+">Rental Expense (new purchase)</option>
                    <option value="+">Discretionary Super</option>
                    <option value="-">Capex</option>
                    <option value="-">Working Capital Adjustments </option>
                </select>
            </Value>

            <Value textAlign="right" gridCol={2} gridRow={index + 3}>
                {adjustment.lastYear}
            </Value>

            <Value textAlign="right" gridCol={3} gridRow={index + 3}>
                {adjustment.currentYear}
            </Value>

            <Value textAlign="right" gridCol={4} gridRow={index + 3}>
                DEL
            </Value>

            <ValueComments textAlign="right" gridRow={index + 4} >
                <textarea>Leave your comments …

我在我的reactjs应用程序中有这个:

import Link from 'react-router/lib/Link'

一直试图禁用此链接,但这没有达到预期的效果:

<Link disable={true}/>

它只是让它变得不可见.如何禁用(基于条件)reactjs Link？

我试图让自己的头脑开玩笑.这是我的测试:

test('whether contains className', () => {

    let list = [
        {
            id: 12,
            name: 'two',
            completed: true
        }
    ];

    const wrapper = shallow(
        <Todos todos={list}>
        </Todos>
    );

    expect(wrap).toMatch(/strikethrough/);
});

如何检查组件是否在组件内包含(子)字符串？

我目前正在学习Visual Studio Code。我来自WebStorm背景。是否有合并三种方式的选项或扩展？

我可以在Visual Studio Code中的哪里合并冲突？

此刻，我以为我已经解决了所有更改，但运行git status时说仍然存在未合并的路径？

我在哪里可以在VSCode中看到这些未合并的路径，或者什么时候知道何时合并所有内容？