Question

使用ReactJS，我创建了一个包含fabric office365组件的数组：

var userListItems = [];
for (let i of users) {
    userListItems.push(
        <DefaultButton >
            <Persona
                key = { i.imageInitials }
                name = { i.primaryText}
                imageUrl = { i.imageUrl }
                primaryText = { i.primaryText }
                size  = { personaSize }
                style = { personaStyle }
                onClick={this._chooseUser}
            />
        </DefaultButton>
    )
}

_chooseUser = (e) => {};

我想在每个数组项上添加一个处理程序onClick。使用它我想获得名称或项目的关键。不幸的是，我在事件对象（event.target.name）中找不到这些属性。如何从这些组件中获取数据？

Answer 1

您可以尝试将this._chooseUser包装在函数

中

var userListItems = [];

    for (let i of users){
        userListItems.push(
            <DefaultButton >
                <Persona
                    key = { i.imageInitials }
                    name = { i.primaryText}
                    imageUrl = { i.imageUrl }
                    primaryText = { i.primaryText }
                    size  = { personaSize }
                    style = { personaStyle }
                    onClick={()=>{this._chooseUser(i.imageInitials)}}
                />
            </DefaultButton>
        )
    }

_chooseUser =（e）=＆gt; { };

如何正确组织扩展树？

1 个答案: