Javascript torage将在会话存储中为您保存值您是如何在我的代码中实现这一点的?对不起,我从来没有使用过3天前发现的React redux ans。所以,使用localStorage API来设置值。在构造函数中,可以定义初始状态。通读localStorage文档使
Javascript torage将在会话存储中为您保存值您是如何在我的代码中实现这一点的?对不起,我从来没有使用过3天前发现的React redux ans。所以,使用localStorage API来设置值。在构造函数中,可以定义初始状态。通读localStorage文档使,javascript,reactjs,Javascript,Reactjs,torage将在会话存储中为您保存值您是如何在我的代码中实现这一点的?对不起,我从来没有使用过3天前发现的React redux ans。所以,使用localStorage API来设置值。在构造函数中,可以定义初始状态。通读localStorage文档使用localStorage,或者如果您的用户正在使用redux storage,则可以将值保存在redux store中。redux存储将在会话存储中为您保存值您是如何在我的代码中实现这一点的?对不起,我从来没有使用过3天前发现的React r
torage将在会话存储中为您保存值您是如何在我的代码中实现这一点的?对不起,我从来没有使用过3天前发现的React redux ans。所以,使用localStorage API来设置值。在构造函数中,可以定义初始状态。通读localStorage文档使用localStorage,或者如果您的用户正在使用redux storage,则可以将值保存在redux store中。redux存储将在会话存储中为您保存值您是如何在我的代码中实现这一点的?对不起,我从来没有使用过3天前发现的React redux ans。所以,使用localStorage API来设置值。在构造函数中,可以定义初始状态。通读localStorage文档代码仅回答“不要解释解决方案”。请继续解释你自己,你为什么和如何解决这个问题,以及OP可能做了什么错事或遗漏了什么。那么这可能就是你应该去的地方:。由于正常的堆栈溢出仅限于英语,请避免使用任何俄语,并尝试说英语或切换到链接的网站。感谢您的建议,但我将决定我的立场:)仅代码答案不解释解决方案。请继续解释你自己,你为什么和如何解决这个问题,以及OP可能做了什么错事或遗漏了什么。那么这可能就是你应该去的地方:。由于正常的堆栈溢出仅限于英语,请避免使用任何俄语,尝试说英语或切换到链接的网站。谢谢你的建议,但我会决定我的立场:)你的两个答案对我都不适用。我有以下警告:警告:使用
defaultValue
或value
道具打开,而不是将selected
设置为打开。我更新了答案。事实上,这种方式更简单(感谢react警告,我今天学到了一些新东西),你的两个答案对我都不适用。我有以下警告:警告:使用defaultValue
或value
道具打开,而不是将selected
设置为打开。我更新了答案。事实上,这种方式更简单(感谢react警告,我今天学到了一些新东西)
import React, { Component, PropTypes } from 'react';
class Select extends React.Component {
constructor(props) {
super(props);
this.state = {value: ''};
this.handleChange = this.handleChange.bind(this);
}
handleChange(data) {
this.setState({value:data.value});
}
render() {
return (
<label>
<select className="widefat" name={this.props.name} onChange={this.handleChange}>
<option value="grapefruit">Grapefruit</option>
<option value="lime">Lime</option>
<option value="coconut">Coconut</option>
<option value="mango">Mango</option>
</select>
</label>
);
}
}
export default Select;
import React, { Component, PropTypes } from 'react';
class Select extends Component {
constructor(props) {
super(props);
this.state = { value: props.value }; // can be initialized by <Select value='someValue' />
}
handleChange(event) {
this.setState({value: event.target.value});
}
render() {
return (
<label>
<select className="widefat" value={this.state.value} name={this.props.name} onChange={this.handleChange.bind(this)}>
<option value="grapefruit">Grapefruit</option>
<option value="lime">Lime</option>
<option value="coconut">Coconut</option>
<option value="mango">Mango</option>
</select>
</label>
);
}
}
export default Select;
render() {
const dictionary = [
{ value: 'grapefruit', label: 'Grapefruit' },
{ value: 'lime', label: 'Lime' },
{ value: 'coconut', label: 'Coconut' },
{ value: 'mango', label: 'Mango' }
];
return (
<label>
<select
className="widefat"
value={this.state.value}
name={this.props.name}
onChange={this.handleChange}
>
{dictionary.map(
// Iterating over every entry of the dictionary and converting each
// one of them into an `option` JSX element
({ value, label }) => <option key={value} value={value}>{label}</option>
)}
</select>
</label>
);
}
import React, { Component } from 'react';
class Select extends Component {
constructor(props) {
super(props);
this.state = { value: '' };
}
handleChange = e => this.setState({ value: e.target.value });
render() {
return (
<label>
<select className="widefat" name={this.props.name} onChange={this.handleChange}>
<option value="grapefruit">Grapefruit</option>
<option value="lime">Lime</option>
<option value="coconut">Coconut</option>
<option value="mango">Mango</option>
</select>
</label>
);
}
}
export default Select;
import React, { Component, PropTypes } from 'react';
class Select extends React.Component {
constructor(props) {
super(props);
this.handleChange = this.handleChange.bind(this);
}
handleChange(event) {
this.setState({value: this.props.value});
}
render() {
return (
<label htmlFor={this.props.id}>{this.props.label}
<select defaultValue={this.props.value} id={this.props.id} className="widefat" name={this.props.name} onChange={this.handleChange.bind(this)}>
<option>Aucun</option>
<option value="55">Option 2</option>
<option value="126">Backend configuration & installation</option>
<option value="125">Frontend integration</option>
<option value="124">Graphic Design</option>
</select>
</label>
);
}
}
export default Select;