bugfix> reactjs > 投稿

私は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}
                            />

これがrenderメソッドです。プロパティaaaの情報を2倍にして、パラメータ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>

回答 1 件
  • スタイルプロパティを追加するだけです。これを行うには、次を追加します。

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

    「クラシック」CSSをファイルとともに追加する場合は、classNameをdivに追加し、次に示すようにcssファイルをインポートします。

    import "./style.css";
    <div className="yourstylename"> </div>
    
    

    style.css内にcssを追加するだけです。ところで、上記のインポートは、cssファイルがコンポーネント/ jsファイルと同じフォルダーにある場合にのみ機能します。

あなたの答え