How to display image in Yii view?

Question

React

Images used to load normally on the local machine, but now they are not displayed on the hosting.
It throws out such a miracle:
I try to display it with a regular container:

<div>
 <img src="/frontend/web/img/bootles.jpg">
 </div>

Maybe it's the urlManager?

Answer 1

Are you sure that here the state is correctly updated?

this.setState({
  [e.target.id]: { inputValue: e.target.value },
});

Try using prevState and spread to explicitly overwrite:

updateInputValue({ target: { id, value } }) {
  this.setState(prevState => ({ 
     [id]: {
        ...prevState.id,
        inputValue: value,
     },
  }));
}

Answer 2

PHPjedi error where setting and fetching from the state occurs.

this.setState({
            [e.target.name]: e.target.value
        });

and a selection from the state
value={this.state.name}

Answer 3

<input type="text"
                                       className="floating-label-input"
                                       id="name"
                                       value={this.state.name.inputValue || ''}
                                       onFocus={this.activateField}
                                       onBlur={this.disableFocus}
                                       onChange={this.updateInputValue}

Due to the fact that the initial value of inputValue is undefined, and then it changes to some kind of data entry, such an error occurs. If there is no value attribute, React treats the input as uncontrolled.

Answer 4

Url::to(['/img/bootles.jpg'])
Open the documentation, there is a whole page on this subject.

Answer 5

And there is. The fact is that it only works if you set the path:

<div>
        <img src="http://xxx.ru/img/bootles.jpg">
    </div>

But how to display images using internal paths?

Answer 6

Try:
<img src="./img/bootles.jpg">