Question

I am using Php with react js ,there is constant declared in react js constant file that is used all over the application ,initially it was hardcoded in react js like Export const thumburl="www.example.com"; and its imported in almost every part of application now the requirement is to generate this URL dynamically from db.so i created a php file which will return this url i want to use it in react js constant file and export that ,tried several things but wasn t able to get results. it would be great help if any one can provide me the full working method to do this Note : react js is not my domain

async function githubUsers() {
    let response = await fetch( https://example.com/api.php )
    let users = await response.json()
    return users;
}

export const thumbUrl=githubUsers();

tried above code but it couldn t assign the value below is the sample php code

     <?php
if (isset($_SERVER[ HTTP_ORIGIN ])) { 
        header("Access-Control-Allow-Origin: {$_SERVER[ HTTP_ORIGIN ]}");
        header( Access-Control-Allow-Credentials: true );
        header( Access-Control-Max-Age: 86400 );    // cache for 1 day
    }
    if ($_SERVER[ REQUEST_METHOD ] ==  OPTIONS ) {
        if (isset($_SERVER[ HTTP_ACCESS_CONTROL_REQUEST_METHOD ]))
            header("Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS"); 
        if (isset($_SERVER[ HTTP_ACCESS_CONTROL_REQUEST_HEADERS ]))
            header("Access-Control-Allow-Headers: {$_SERVER[ HTTP_ACCESS_CONTROL_REQUEST_HEADERS ]}");
    }
    $data =  www.example.com/gallery/thumbs/ ;
    header( Content-Type: application/json );
    echo json_encode($data);

Answer 1

这里的问题是,你正在使用“合成方法”计算时常年数值,因此,“代码”第>thumbUrlconst thumb Url = 等待加入《公约》的国家;,但在《反应》中,你希望利用,并将它存放在国家 ,例如:

export function SomeConponent() {
  const [thumbUrl, setThumbUrl] = useState(null);

  useEffect(() => {
    const fetchData = async () => {
      const response = await fetch( https://example.com/api.php );
      const data = await response.json();
      setData(data);
    };

    fetchData();
  }, []);

  return (
    <div>ThumbsURL: { thumbsUrl }</div>
  )
}

这里有 nice 撰写。在座标上存储数据,请在

这就是说,许多框架,例如“主宰”方法,以做到:

友情链接