Question

我得到了React noob问题。问题是我有一个方法，其中包含各自属性的JSX属性。问题是，我如何获得一个样式的imageUrl属性？例如，给border-radius：10px或在页面中居。

xxxx (item:aaaa, index:bbb) {
        return (
            <div className="Post ms-u sm3 ms-u-lg3 ms-u-xl">
                <div className="content">
                            <PersonaControl
                            id={"BlogItem" + index}
                            identifier={item.blogOwnerEMail}
                            displayName={item.blogOwnerName}
                            size={PersonaSize.extraLarge}
                            hidePersonaDetails={true}
                            imageUrl={item.blogLeaderPicture && item.blogLeaderPicture}
                            labels={this.props.labels}
                            />

这是渲染方法。我尝试将属性xxxx的信息加倍，如何调用参数aaaa的内容：

 render() {
   return (
    <div className="clearBoth"></div>
    <div className="bandContent" style={{ backgroundColor: this.props.backgroundColor }}>
     {this.state.leadershipBlogDataItems.map(i => {return this.leadershipBlogDataItems(i, this.state.leadershipBlogDataItems.indexOf(i))})}
     <div className="blogPost"></div>

Answer 1

您只需添加样式属性即可。您可以通过添加：

来完成此操作

<div style={{ border: "1px" }} > </div>

如果你想添加＆＃34; classic＆＃34; css，带有文件，只需将一个className添加到div中，然后导入css文件，如下所示。

import "./style.css";

<div className="yourstylename"> </div>

在style.css中你只需添加你的CSS。顺便说一句，上面显示的导入仅在css文件与component / js文件位于同一文件夹中时才有效。

在ReactJS中设置属性样式

1 个答案: