小编Sun*_* tc的帖子

从react js中的onClick事件获取对象数据和目标元素

这是我的代码.我想使用onClick事件获取对象和目标元素中的数据.谁能帮我.

handleClick = (data) => {
    console.log(data);
}

<input type="checkbox" value={data.id} defaultChecked={false} onClick={this.handleClick.bind(null, data)}/>
Run Code Online (Sandbox Code Playgroud)

reactjs

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

如何以redux格式重置初始值

我正在使用redux-form.我在州的输入字段中显示初始值.当我单击重置时,输入字段仍显示初始值.

如何重置输入字段?

这是我的代码:

const mapStateToProps = (state) => {
    return {
        initialValues: {
            name:state.userInfo.data.name,
            email:state.userInfo.data.email,
            phone:state.userInfo.data.phone,
            city:state.userInfo.data.city.name,
        }
    };
}
Run Code Online (Sandbox Code Playgroud)

这就是我在输入字段中调用初始值的方法.

const renderField = ({ input, label, type, meta: { touched, error } }) => (
    <div>
        <input className="form-control control_new" {...input} placeholder={label} type={type}/>
    {touched && ((error && <span>{error}</span>))}
    </div>
)

<Field type="text" {...name} name="name" component={renderField} label="Enter Your Name" />
Run Code Online (Sandbox Code Playgroud)

谢谢

reactjs redux redux-form

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

react.js应用程序显示在nginx服务器中找不到404

我将react.js应用程序上传到服务器.我正在使用nginx服务器.申请工作正常.但是当我转到其他页面并刷新时,网站无法正常工作.它显示404未找到错误.

我该怎么解决这个问题.

谢谢.

nginx reactjs

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

如何避免在react-slick中重复轮播项目

我正在使用反应光滑。我想一次显示四个项目。我正在动态显示数据。

如果我在轮播中有单个项目,则会重复填充四个项目的位置。

这是我的代码:

const settings = {
    dots: false,
    infinite: true,
    speed: 500,
    slidesToShow: 4,
    slidesToScroll: 1,
};

<Slider {...settings}>
  //mapping data
</Slider>
Run Code Online (Sandbox Code Playgroud)

谢谢

reactjs react-slick

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

如何在Reactor的reducer状态中添加和删除项目

这是我的减速器。我想在不重复的情况下将新数据添加到我的数据中。但是,在添加新数据的同时,我会得到重复的数据。我也想删除基于ID的数据。

谁能帮帮我吗。

如何更新数据?

export  const dataReducer = (state= InitialState , action = null) => {
    switch(action.type) {
    case types.ADD_DATA:
        return Object.assign({}, state, {data:[...state.data, action.payload]});
    case types.REMOVE_DATA:
        return Object.assign({}, state, {data:[]});
    default:
    return state;
    }
}
Run Code Online (Sandbox Code Playgroud)

reactjs redux

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

如何在react中更新reducer状态中的数据

这是我的减速机。我想根据 ID 更新减速器中的数据而不重复。

谁能帮帮我吗。

这是我的代码:

export  const dataReducer = (state= InitialState , action = null) => {
    switch(action.type) {
    case types.UPDATE_DATA:
        return Object.assign({}, state, {
    data: [
      ...(state.data.filter(item => (item.id !== action.payload.id))), 
      action.payload
    ]
    default:
        return state;
    }
}
Run Code Online (Sandbox Code Playgroud)

我想删除 id : 2 并想将新数据添加到状态中。

var state = {
   data: [
     {id: 1, data: "Hello"}, {id: 2, data: "World"}
   ]
}
var payload= {id:2, data: "SO"}
var data1 = state.data.map(function(item){return (item.id == payload.id)? payload: item})

var data = {...state,
               data: data1 …
Run Code Online (Sandbox Code Playgroud)

reactjs redux

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

Visual Studio App Center错误:发布生成工件失败,并显示错误:找不到PathtoPublish

我正在使用Visual Studio App Center进行React Native应用程序的持续集成。

当我运行build时,它在日志中显示构建成功。但是,状态显示为失败。

我遇到错误了。我怎样才能解决这个问题 ?

[error]Publishing build artifacts failed with an error: Not found PathtoPublish: /Users/vsts/agent/2.126.0/work/1/a/build
Run Code Online (Sandbox Code Playgroud)

提前致谢。

visual-studio-app-center

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