小编Chr*_*s O的帖子

反应警告:flattenChildren(...):遇到两个孩子用同一把钥匙

有人可以解释如何解决此错误

警告: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)

Codepen

作为第二个问题,我很确定我的重置应该重置选择框的值,但这也不起作用,只是重置渲染结果 - 不确定这是否与第一个问题有关?

任何帮助非常感谢

javascript select option reactjs

20
推荐指数
3
解决办法
4万
查看次数

AWS Lex:首次打开时如何显示欢迎消息?

是否可以在独立机器人 (Node.js) 中显示欢迎消息?我想在构建器中具有意图并在我的 lambda 函数或前端节点应用程序中调用。从文档中我可以看到它可以用 postText() 或 postContent() 完成,但不确定如何实现或最好的方法来实现它。

编辑:机器人从节点应用程序启动到 iframe,然后调用 lex api。根据用户输入,从 lex 或 lambda 函数返回一个槽值。

bots chatbot amazon-web-services amazon-lex

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

如何处理多个按钮的状态?

我有一个引导网格,其中每个网格项都是从一个对象数组中填充的,但是在每个网格项之后我想要一个投票按钮.如何通过单独维护每个按钮上的状态来实现这一点,即当单击按钮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 state button reactjs

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