reactjs 我如何通过对象作为 prop 在一个React组件由剃刀页

pqwbnv8z  于 2023-01-30  发布在  React
关注(0)|答案(1)|浏览(124)

我有一个项目ASP.NET的核心MVC和我想通过一个组件React模型的对象。我的目的是通过一个对象列表,但没有找到简单的对象属性通过测试。属性似乎是未定义的,我如何才能通过它正确?

class App extends React.Component {
   
    render(props) {
        const { Property1, Property2 } = props;
        return (
            <div>
                <p>Property1: {Property1}</p>
                <p>Property2: {Property2}</p>
                <div className="box">Sono un box</div>
            </div>

            );
    }
}

[EDIT]我测试了{this.props.Property1}对属性的访问,它没有给予我未定义的信息,但如果我输入paragraf,也没有显示任何内容
Index.cshtml:

@Html.React("App",new { Property1 = "value1", Property2 = "value2" })
bnlyeluc

bnlyeluc1#

prop 被传递给组件构造函数,并作为render()中的this.props提供:

class App extends React.Component {
    render() {
        const { Property1, Property2 } = this.props;
        return (
            <div>
                <p>Property1: {Property1}</p>
                <p>Property2: {Property2}</p>
                <div className="box">Sono un box</div>
            </div>

            );
    }
}

相关问题