Access AttributesBag in component class?

Is it possible to access the attributes bag on the class behind a component? I'm trying to calculate a default value based on the value passed to the "name" attribute on an input.

In Input.php

    protected function getField($field)
    {
        if (null == $field && null == $this->attributes['name']) return null;

        return $field ?? Str::of($this->attributes['name'])
					->afterLast('.')->__toString();
    }

Which results in the following error Trying to access array offset on value of type null.

I've also tried $this->name (both before and after creating a public property) and $attributes['name'] as well.

I'm not 100% sure how the order of things is called and if it's even possible to get access to the attributes.

As a side note: adding dump($this) in the render() method results in the following and attributes is always null (even though the component I used to test this had, 'required', 'name' and 'placeholder' set)

App\View\Components\forms\Input {#1792 ▼
  #model: null
  #field: null
  #method: null
  #except: []
  +componentName: "forms.input"
  +attributes: null
}

Amaury

5 years ago

Level 43

You just have to declare the attribute as a public property and pass the value in the constructor. il will be accessible in the class:


public $name;

public function __construct(string $name)
{
    $this->name = $name;
}

If you use anonymous components, you can add a prop 'name' to isolate the attribute from the attributes bag and make any condition with the $name value


@props(['name'])

// conditions with $name value...

<input  name="{{ $name }}" {{ $attributes }} ... />

Or you can create a dynamic component (with Laravel 8)


@props(['name'])

<x-dynamic-component :component="input.$name" {{ $attributes }} />

prajwalhallale

2 years ago

Level 1

You can access the $attributes array in the components render method something like this

public function render(): 
    {
        return function (array $data) {
            dd($data['attributes']);
            return view('component.name');
        };
    }

coderapers

8 months ago

Level 1

@prajwalhallale

You can access to attributes by extending Illuminate\View\Component class like this:

<?php
namespace App\Lib;
use Illuminate\View\Component as BladeComponent;

abstract class Component extends BladeComponent {

    /**
     * Parameters provided in component tag
     * @var array
     */
    private array $parameters = [];

    /**
     * Process component's logic with provided arguments
     * @param array $arguments
     */
    abstract public function processArguments(array $arguments): \Illuminate\Contracts\View\View|\Closure|string;

    public function resolveView() {
        return function(array $parameters) {
                $this->parameters = $parameters;
                return $this->render();
        };
    }

   /**
     * Get parameters provided in component tag
     * @return array
     */
    public function getParameters() {
        return $this->parameters;
    }

    public function render() {
        $arguments = array_merge($this->extractPublicProperties(), $this->attributes->getAttributes());
        return $this->processArguments($arguments);
    }
}

You can process component's logic by realisation of method App\Lib\Component::processArguments() in child classes in App\View\Components namespace.

Please or to participate in this conversation.