有人可以解释如何解决此错误
警告:flattenChildren(...):遇到两个孩子用同一把钥匙
我在下面复制了我的代码,但由于某种原因,CodePen没有显示错误.
var FilterOptions = React.createClass({
changeOption: function(type, e) {
var val = e.target.value;
this.props.changeOption(val, type);
},
render: function() {
return (
<div className="filter-options">
<div className="filter-option">
<select id="product" name="Product" value={this.props.product} onChange={this.changeOption.bind(this, 'product')}>
<option value=''>Product</option>
{this.props.productOptions.map(function(option) {
return (<option key={option} value={option}>{option}</option>)
})}
</select>
</div>
</div>
);
}
});
Run Code Online (Sandbox Code Playgroud)
作为第二个问题,我很确定我的重置应该重置选择框的值,但这也不起作用,只是重置渲染结果 - 不确定这是否与第一个问题有关?
任何帮助非常感谢
是否可以在独立机器人 (Node.js) 中显示欢迎消息?我想在构建器中具有意图并在我的 lambda 函数或前端节点应用程序中调用。从文档中我可以看到它可以用 postText() 或 postContent() 完成,但不确定如何实现或最好的方法来实现它。
编辑:机器人从节点应用程序启动到 iframe,然后调用 lex api。根据用户输入,从 lex 或 lambda 函数返回一个槽值。
我有一个引导网格,其中每个网格项都是从一个对象数组中填充的,但是在每个网格项之后我想要一个投票按钮.如何通过单独维护每个按钮上的状态来实现这一点,即当单击按钮1时,文本应从"投票"变为"投票",而其他文本仍为"投票".
点击按钮时,所有这些按钮都变为'Voted'
class Items extends Component {
constructor(props) {
super(props);
this.state = { hasVoted: false };
this.OnClick = this.OnClick.bind(this);
}
OnClick() {
this.setState(prevState => ({
hasVoted: !prevState.hasVoted
}));
}
render() {
const Item = teasers.items.map(item =>
<Col key={item.nid}>
<span>
{itemType}
</span>
<a href={item.path}>
<Image src={item.image.src} title={item.productType} />
<span>
{item.Title}
</span>
<div className={teasersStyle.copy}>
{" "}{item.Copy}>
</div>
</a>
<div
className={this.state.hasVoted ? "active" : "notactive"}
onClick={this.OnClick}
>
{this.state.hasVoted ? "Voted" : "Vote"}
</div>
</Col>
);
return (
<div>
<Grid>
<Row>
{Item}
</Row>
</Grid> …
Run Code Online (Sandbox Code Playgroud) javascript ×2
reactjs ×2
amazon-lex ×1
bots ×1
button ×1
chatbot ×1
option ×1
select ×1
state ×1