小编And*_*uge的帖子

我正在尝试让 Rails 6 应用程序在 Docker 中运行。当从 dockerfile 执行命令 rails server 时，我收到一个错误。

remote: web_1_a59d968487d2 | warning Integrity check: System parameters don't match
remote: web_1_a59d968487d2 | error Integrity check failed
remote: web_1_a59d968487d2 | error Found 1 errors.
remote: web_1_a59d968487d2 | 
remote: web_1_a59d968487d2 | 
remote: web_1_a59d968487d2 | ========================================
remote: web_1_a59d968487d2 |   Your Yarn packages are out of date!
remote: web_1_a59d968487d2 |   Please run `yarn install --check-files` to update.
remote: web_1_a59d968487d2 | ========================================
remote: web_1_a59d968487d2 | 
remote: web_1_a59d968487d2 | 
remote: web_1_a59d968487d2 | To disable …

我想在追求这种关联之前确保我的方法是正确的.实施听起来太复杂了,所以我认为我的计划肯定有问题.我正在使用结构化(SQL)数据存储,符合rails存储约定.我所拥有的是用户模型,它在模式中有一个电子邮件地址password_digest和名称.

class User < ActiveRecord::Base
  has_many :posts
end

我想实现has_many与朋友集合的关联,以便用户可以belong_to用户(作为朋友).我希望能够User.last.friends.last在正确构建和填充后返回User对象.

我相信我可以为这个协会创建一个模型,如:

Class Friend < ActiveRecord::Base
  belongs_to :user
  belongs_to :friendlies, class: 'User'
end
Class User < ActiveRecord::Base
  has_many :posts
  has_many :friends
  has_many :friendly, class: 'Friend'
end

但我认为这需要我添加一个关于模型和查询使用User.last.friends.last.user 所以我在想的是这是一种has_and_belongs_to_many关系.我可以逃脱以下(或类似的东西):

class User < ActiveRecord::Base
  has_and_belongs_to_many :friends, class: 'User'
end

我发现了这个:

class User < ActiveRecord::Base
  has_many :user_friendships
  has_many :friends, through: :user_friendships


class UserFriendship < ActiveRecord::Base
  belongs_to :user
  belongs_to :friend, class_name: 'User', foreign_key: …

我有一个 React 组件，它根据状态呈现<ul>和插入<li>元素。

class SimpleComponent extends React.Component {
  constructor(props) {
    this.state = { menu_items: [name: "First", id: 10] }
    this.clickMenu = this.clickMenu.bind(this)
  }
  generateLinks() {
    let to_return='';
    for (var i=0;i<this.state.menu_items.length; i++) {
      to_return = to_return + `<li><a onclick={clickMenu}> ${this.state.menu_item[i]['name']} </a></li>`
     }
     return to_return;
   }
   clickMenu(e) {
     console.log(e.target)
   }
   render() {
     return(
       <ul dangerouslySetInnerHTML={this.generateLinks()}></ul>
     )
   }
}

当我单击 Anchor 时，控制台显示 Uncaught ReferenceError: clickMenu not defined。我尝试使用 this.clickMenu 代替，但没有任何反应。我注意到渲染的锚点看起来像：

<a onclick="{menuClick}">

有没有办法创建这些锚元素让 React 获取 onClick 定义而不是将它们传递给浏览器进行解释？