LaravelでComponentを使い回したい。

Question

components/problem.blade.php

for($i = 1; $i <= 10; $i++)
  <div class="form-group row">
    <label for="problem0" class="col-md-4 col-form-label text-md-right">{{ __('Problem').$i  }}</label>

      <div class="col-md-6">
      <input  id="problem{{$i - 1}}"
              type="text"
              class="form-control @error('problem'.($i - 1)) is-invalid @enderror"
              name="problem{{$i - 1}}"
              value="{{ $problem_value }}"
              autocomplete="problem{{$i - 1}}"
              autofocus
      >

       @error('problem'.($i - 1))
       <span class="invalid-feedback" role="alert">
           <strong>{{$message}}</strong>
       </span>
       @enderror

    </div>
  </div>
@endfor

のcomponentの$problem_valueの値を変更して、

　　　
new.blade.php

@for($i = 1; $i <= 10; $i++)
 <div class="form-group row">
   <label for="problem0" class="col-md-4 col-form-label text-md-right">{{ __('Problem').$i  }}</label>

   <div class="col-md-6">
   <input  id="problem{{$i - 1}}"
           type="text" class="form-control @error('problem'.($i - 1)) is-invalid @enderror"
           name="problem{{$i - 1}}"
           value="{{ old('problem.($i - 1)')  }}"
           autocomplete="problem{{$i - 1}}"
           autofocus
   >
   
    @error('problem'.($i - 1))
       <span class="invalid-feedback" role="alert">
         <strong>{{$message}}</strong>
       </span>
    @enderror
   </div>
 </div>
@endfor

edit.blade.php

@for($i = 1; $i <= 10; $i++)
  <div class="form-group row">
    <label for="problem0" class="col-md-4 col-form-label text-md-right">{{ __('Problem').$i  }}</label>

     <div class="col-md-6">
       <input  id="problem{{$i - 1}}"
               type="text"
               class="form-control @error('problem'.($i - 1)) is-invalid @enderror"
               name="problem{{$i - 1}}"
               value="{{ $drill['problem'.($i - 1)] }}"
               autocomplete="problem{{$i - 1}}"
               autofocus
       >

       @error('problem'.($i - 1))
         <span class="invalid-feedback" role="alert">
          <strong>{{$message}}</strong>
         </span>
       @enderror
      </div>
    </div>
@endfor

をそれぞれで作りたいです。

new.blade.phpでは、

  @component('components.problem')

     @slot('problem_value')
      {{ old('problem[$i - 1]') }}
     @endslot

  @endcomponent

とすることで実現できたのですが、

edit.blade.phpでは

  @component('components.problem')

     @slot('problem_value')
      {{ $drill['problem'.($i - 1)] }}
     @endslot

  @endcomponent

とすることでは、edit.blade.phpでは$iが宣言されていないという理由で実現できませんでした。

  $drill['problem.($i - 1)']

にしてみるなどして、試したのですが、どうにもうまくいきません。

どなたか、分かる方がいたら教えていただけるととても助かります。



ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

ちなみに、ここで使われている$drillは、Controller側で渡した、DBの情報のことです。

　　　

よろしくお願いいたします。

Answer 1

componentで追加のデータ渡す方法は

@component('alert', ['foo' => 'bar'])
    ...
@endcomponent

これでcomponent側で$fooが使える。
https://readouble.com/laravel/6.x/ja/blade.html

newのこれは正しく動いてない

{{ old('problem[$i - 1]') }}

problemのここも

class="form-control @error('problem'.($i - 1)) is-invalid @enderror"

PHPの基礎レベルから間違ってるのでcomponentで効率化とか考えず
newとeditで同じhtml書いてまずは動くものを作る所から始めたほうがいい。

Comments

[boniri]

わかりました！ありがとうございます！

[boniri]

すみません、先ほどのお答えに関する質問なのですが、

class="form-control @error('problem'.($i - 1)) is-invalid @enderror"

が間違っているとのことですが、どう間違っているのでしょうか？
実際に動かしてみたところ、きちんとバリデーション のエラーが表示されました。