配列の中にある項目をbladeで表示したい

Question

掲題の通りです。
下記のような記載だと配列の中身がうまく取得できず、nullになってしまい表示されません。
知識不足で恐縮ですがご教示いただけると幸いです。

<div class="contents">
 <span>名前</span>
 <p>{{ $userinfo["userName"] }}</p>　//表示されない
 <span>誕生日</span>
 <p>{{ $userinfo["userBirth"] }}</p>　//表示されない
</div>

bladeで
dd($userinfo)を実施すると中身の配列は下記のようになっています。

array:1 [▼
  0 => UserInfo {
    -userId: "**********************"
    -userName: "test_user"
    -userBirth: "12/31"
  }
]

Comments

[Lulucom]

UserInfoクラスのコードも追記をお願いします。

Answer 1

以下のようにするとどうでしょうか。

<p>{{ $userinfo[0]->userName }}</p>

<p>{{ $userinfo[0]->userBirth }}</p>

Comments

[mmmmmr]

ご回答ありがとうございます。
ご教示いただいたように書き換えたところ
「Cannot access private property」エラーが出たので
下記サイトのような問題なのかもしれません…

https://qiita.com/metheglin/items/c453adccce122cb738ad

Answer 2

UserInfoクラスは外部ライブラリから取得しており、
子要素を取得するためのクラスも別途用意されていました。
そちらを使用することでuserName, userBirthの取得と
blade表示が行うことができました。