小编Jus*_*per的帖子

在React.js上更正img的路径

我的反应项目中的图像存在问题.事实上,我一直认为src属性的相对路径是建立在文件架构上的

这是我的文件架构:

components
    file1.jsx
    file2.jsx
    file3.jsx
container
img
js 
... 
Run Code Online (Sandbox Code Playgroud)

但是我意识到路径是建立在URL上的.在我的一个组件中(例如到file1.jsx)我有这个:

localhost/details/2
<img src="../img/myImage.png" /> -> works

localhost/details/2/id
<img src="../img/myImage.png" /> -> doesn't work, images are not displayed
Run Code Online (Sandbox Code Playgroud)

怎么可能解决这个问题?我希望在react-router处理的任何形式的路由中,所有图像都可以用相同的路径显示.

javascript reactjs webpack

108
推荐指数
9
解决办法
23万
查看次数

明文区域

在Onselect事件中我有脚本:

$("#vinanghinguyen_images_bbocde").val('');
$("#vinanghinguyen_images_bbocde").val(vinanghinguyen_final_bbcode);
Run Code Online (Sandbox Code Playgroud)

在为其添加值之前,我想要明确的文本区域id ="vinanghinguyen_images_bbocde".但textarea添加add add add和value并不清楚.我想在增值之前清楚它

我在这里使用uploadify是我的功能

<script type = "text/javascript" >
  $(document).ready(function() {
    vinanghinguyen_bbcode = '';
    vinanghinguyen_final_bbcode = '';
    vinanghinguyen_link = '';
    vinanghinguyen_final_derect_link = '';
    response = '';

    $('#file_upload').uploadify({
      'uploader'  : '{SITE_FULL_URL}/uploadify/uploadify.swf',
      'script'    : '{SITE_FULL_URL}/uploadify/uploadify.php',
      'cancelImg' : '{SITE_FULL_URL}/uploadify/cancel.png',
      'folder'    : 'data/picture_upload/2011',
      'auto'      : false,
      'multi'     : true,
      'buttonText': '',

      'onComplete': function(event, ID, fileObj, response, data) {
        vinanghinguyen_bbcode = '[IMG]' + 'http://cnttvnn.com' + response + '[/IMG]' + '\n';
        vinanghinguyen_final_bbcode = vinanghinguyen_final_bbcode + vinanghinguyen_bbcode;
        vinanghinguyen_derect_link = 'http://cnttvnn.com' + response + …
Run Code Online (Sandbox Code Playgroud)

jquery uploadify

54
推荐指数
5
解决办法
16万
查看次数

如何使用状态在React.js中显示日期?

我正在尝试使用React.js显示日期,但由于某种原因,它没有显示任何内容。

我是一个初学者,所以很抱歉如果我问一个愚蠢的问题,但是我不知道为什么它不起作用。有人可以帮帮我吗?非常感谢!

class App extends React.Component {
  state = {
    date: ""
  };

  getDate() {
    var date = { currentTime: new Date().toLocaleString() };

    this.setState({
      date: date
    });
  }

  render() {
    return (
      <div class="date">
        <p> ddd {this.state.date}</p>
      </div>
    );
  }
}

export default App;
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

6
推荐指数
1
解决办法
2万
查看次数

使用 ReactJS 在 CSS 文件中使用图像

我的src/assets/imagesReactJs 项目中的文件夹中有一个图像。如何在不使用相对路径的情况下在 CSS 文件中将其用作背景图像?

我在 js 文件中jsconfig.jsonsrc文件夹中添加了compilerOptions.baseUrl我可以执行的操作:

import logo from 'assets/images/logo.svg'
<img src={logo} />
Run Code Online (Sandbox Code Playgroud)

但是css文件呢?我有几个文件夹,我想避免像这样丑陋的字符串

background-image: url(../../../assets/images/logo.svg)

我正在使用 React 16.8.6

编辑:我使用了 create-react-app,所以我没有暴露 webpack 文件,应该避免弹出。

css reactjs

4
推荐指数
1
解决办法
1万
查看次数

PHP标签中的echo"example"和"example"之间有区别吗?

这有什么区别

<?php
    myCode();
    echo "Example";
?>
Run Code Online (Sandbox Code Playgroud)

<?php
    myCode();
?>
Example
Run Code Online (Sandbox Code Playgroud)

这个?

在性能方面,最佳选择是什么?

我做了一个Benchmark打印20000000次"示例".我已经从CLI执行了脚本,而不是通过HTTP请求(Centos 7 64位).

使用"echo":153.06723901367sec

使用HTML:155.80555395508sec

php tags echo

-6
推荐指数
1
解决办法
62
查看次数

标签 统计

reactjs ×3

javascript ×2

css ×1

echo ×1

jquery ×1

php ×1

tags ×1

uploadify ×1

webpack ×1