小编yur*_*loc的帖子

ReactJS在单击链接时显示警报消息

以下代码显示警报消息,因为规则在map()函数中绑定.我不希望这种情况发生.相反,如何绑定onClick()到每个链接,以便当用户单击链接时,消息将显示?我认为这与放置bind(this)map()代码中的某个地方有关,但无法弄明白.谢谢你的帮助!

const RuleResults = React.createClass({
  showMessage: function (rule) {
    if (rule.ShowMessageToUser == true) {
      alert(rule.MessageToUser);
    }
  },
  render: function () {

    var rules = this.props.businessRules.map((rule) => {
      return (
        <tr>
          <td>
            <a href={rule.HREF} onClick={this.showMessage(rule)} target='_blank'>{rule.Name}</a>
          </td>
        </tr>
      );
    });
    return (
      <div>
        <table>
          <thead>
            <tr>
              <th>Name</th>
            </tr>
          </thead>
          <tbody>
            {rules}
          </tbody>
        </table>
      </div>
    );
  }
});
Run Code Online (Sandbox Code Playgroud)

reactjs

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

在Typescript中,两个花括号之间有两种类型的类型注释吗?

一个例子:

function doSomething(): { string, SomeClass } {
 ...
} 
Run Code Online (Sandbox Code Playgroud)

从使用编译器开始,似乎它将接受任何返回值,该返回值是具有任意数量的string键和SomeClass值的对象.

所以像这样:

{
 "key1": someClass1,
 "key2": someClass2,
  ...
}
Run Code Online (Sandbox Code Playgroud)

我的理解是否正确?

--Update--

似乎我需要的注释是 { [key: string]: SomeClass }

typescript

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

标签 统计

reactjs ×1

typescript ×1