无法使用prop值编辑输入

时间:2019-03-21 08:30:01

标签: javascript reactjs

我有一个字符串,在某些地方我需要插入带有值的输入标签。一切显示正常,但是我无法删除或编辑输入中的值。该输入有什么问题?

protected override void OnModelCreating(ModelBuilder builder)
    {
        base.OnModelCreating(builder);

        builder.Entity<ApplicationUserRole>(userRole =>
        {
            userRole.HasKey(ur => new { ur.UserId, ur.RoleId });

            userRole.HasOne(ur => ur.Role)
                .WithMany(r => r.UserRoles)
                .HasForeignKey(ur => ur.RoleId)
                .IsRequired();

            userRole.HasOne(ur => ur.User)
                .WithMany(r => r.UserRoles)
                .HasForeignKey(ur => ur.UserId)
                .IsRequired();
        });
    }

2 个答案:

答案 0 :(得分:0)

<Mutate verb="POST"> { mutate => (<input type="submit" value="Submit" onClick={ () => mutate({name: this.state.name}) } />) } </Mutate> 替换为value={formattedText}

这样,输入将是可编辑的。它会在第一次渲染时显示默认值,并且在您键入时会将该状态存储在状态中。

您可以在docs

中详细了解受控制和不受控制的组件

答案 1 :(得分:0)

我认为您需要将输入值和状态绑定在一起。我不确定您目前如何致电replaceCharacter,但我会做这样的事情:

replaceCharacter(idx) {    
    return (
      <input
        key={idx}
        value={this.state.input.replace(/#/g, " ")}
        onChange={e => this.setState({input:e.target.value})}
      />
    )
  }

这样,当您使用onChange事件更新状态时,状态值将填充在输入中。